/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 vote146 views1 answer
System ui font
CSS
6 votes147 views3 answers
How to make rounded corners in css with images
CSS
1 vote138 views1 answer
Reset all input styles with 1 property css
CSS
0 vote143 views1 answer
How to remove link color from <a>
CSS
9 votes142 views3 answers
Animation on scroll css
CSS
0 vote150 views1 answer
Colored button link
CSS
6 votes149 views3 answers
How to round input border
CSS
0 vote160 views1 answer
CSS menu list with underline hover animation
CSS
0 vote184 views1 answer
Twig language name
CSS
0 vote147 views1 answer
Css how to center a link
CSS