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 put text over an image but only on the right side

what is inherit color

what is a * in css code

how do you make emojis appear as a drop down list on CSS without using HTML?

difference between fixed, sticky, relative, absolute and static positionings on CSS

difference between fixed, sticky, relative, absolute and static positioning on CSS

difference between sticky, relative, absolute and static positioning on CSS

difference between relative, absolute and static positioning on CSS

how to reduce image size css

how to move a button to the right in css

how do you upload an image as a background code

how do you do 3 images beside each other?

Create space between two buttons

How to create space between two buttons

How to change the colour of a button

where does the css go in the head?

how do i force a div box to scroll if there's an overflow on the y axis

how can i make my button center for a responsive website?

can you explain the steps to using @media {} with my project in css

i made a container for my text with a background opacity but anytime i try to reduce the width it uncenters my text, what should i do?

How can I center an image on my CSS and HTML

using css style make an image size larger

use css to size up an image

how do i force a background to fullscreen instead of tiling

how do i make letters appear closer together

How can I center a li element when it is a display: inline-block

shadow around button css

CSS style to add space for text

difference between font size and font weight

Why is my code showing up as full screen on computers but not on mobile phones?

using css style how do i remove the underline for links

when using flex style i noticed there is a space on the end right, why? it is not margin or padding because i have checked and it is set to 0,

how to centre an element in css

how to change colour of body

write me css code that formats links to be underlined

What is pointer-events?

How to create a triangle in CSS?

Why does z-index not work on static elements?

Why does height: 100% sometimes not work?

Why margin: auto; works only when width is set?

create two containers side by side with CSS

add border to container

explain CSS positioning

what is the command prompt to underline when using css

how do i make a h1 tag transparent

What is the difference between positioning and flexbox in CSS?

how can i target the hr element from css, to change its color

Athena, how can i make a navbar be 100%?

what's a box shadow and when do i use it?

What is an html  border-radius