/CSS/.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }

.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }

/* Sticky Sidebar */
.sidebar {
  --offset: 2rem;
  flex-grow: 1;
  flex-basis: 300px;
  align-self: start;
  position: sticky;
  top: var(--offset);
}

Source: css-tricks.com

Similar codes

5 votes115 views3 answers
How to make a linear gradient in css
CSS
0 vote99 views1 answer
Css different rules on different devices
CSS
2 votes79 views1 answer
Alignitems
CSS
1 vote121 views2 answers
Text align left top
CSS
0 vote116 views2 answers
Bootstrap 5 container
CSS
16 votes216 views5 answers
Sass loops
CSS
0 vote122 views1 answer
Move element on new line css
CSS
0 vote123 views2 answers
Css lighten function
CSS
-1 vote119 views2 answers
How to set background automatically with my screen height
CSS
0 vote117 views1 answer
Git apagar branch remoto
CSS