In this code in css , how can i make my sidebar wider {
  font-family: "Roboto";
  scroll-behavior: smooth;
  list-style: none;
  text-decoration: none;
}
body {
  background: var(--background-color);
}
.container {
  display: grid;
  grid-template-columns: 100px 1fr 1fr;
  grid-template-rows: 100px 1fr;
  grid-gap: 20px;
  height: 100vh;
}

.header {
  grid-column: 1 / span 3;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--bs-info-gradient);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.02);
  padding: 0.5rem 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}

.sidebar {
  grid-column: 1 / span 1;
  grid-row: 1 / span 2;
  display: grid;
  grid-template-rows: repeat(7, 1fr);
  grid-gap: 10px;
  background-color: var(--bs-log);
  color: #fff;
  text-align: center;
  margin-top: 40px;
}

.sidebar a {
  display: flex;
  flex-direction

how to add css to html

how do i underline in css

what is the meaning of this santance  transform:translate(-50%,-50%)

how do i move my title closer to the top of my page

why can't the contact  details align to the center?

write me a code that when customer hovers above a element the color changes

Code to format mobile view size and desktop view size

How can I add a comment in css?

What is line height used for

how to reduce a the <hr> line

make font weight thin css

Can I hide a paragraph under an image?

How can I increase the size of a div in my code?

what css code that can make the text curve like a smile?

How do you make images smaller to fit page

How do you move text to center

mixins examples sass

how to underline the h1 in css

what is line-height

how to get an a element to underline when hovered over

how to add css gradient

how could i make the backgorund have little stars or specs on it

how to make sure the content doesnt get out on the DIV

my heading (h1) is gold. how do i add a think black text outline

how do i get my pics to be in the same line with the same size proportions?

how to order a list vertically

how to get text to appear when hovering over div

how to make animated social madia icon

how to get a hover transition for background element

how do you get a hover for a background but not a button

how to center a span?

What is SASS? What are the advantages of using it?

how to align a list

can't I apply linear gradients to fonts?

I need a grid system that is  2 columns, but the second column has multiple rows and the first column does not

How to put underline in CSS

What does object-fit means ?

Give me a list of css colors. Show me how to make light/dark colors.

How to make the text scale down as the container get smaller

what's text-decoration ?

what is line height in css

how do I comment in css

make font weight thin in css

what does rem in css mean?

What is the font-weight?

what is text-decoration

how can I add my own icon to the select?

How do I place emojis on top of each other using relative position

what is the css property to change font weight

what is the css property for underline