/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

0 vote173 views1 answer
Css hover change more than one element
CSS
0 vote192 views1 answer
Responsive font size with clamp
CSS
3 votes203 views2 answers
Move css background image
CSS
8 votes186 views1 answer
How to get my div to centre of primary div
CSS
2 votes213 views4 answers
Sieve of eratosthenes
CSS
21 votes180 views3 answers
Disable cursor css
CSS
20 votes193 views5 answers
How to add background image in react css
CSS
1 vote189 views1 answer
Stop anchor tag scroll to top of page
CSS
0 vote190 views3 answers
Ignore certificare ssl
CSS
0 vote182 views1 answer
Css battle horizon answer
CSS