/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 vote216 views1 answer
Css 4 3 ratio
CSS
0 vote170 views1 answer
Multiple css media queries
CSS
1 vote187 views1 answer
Html dim entire screen
CSS
45 votes204 views6 answers
Css text align center
CSS
1 vote197 views5 answers
Ease in out
CSS
-2 votes236 views2 answers
Text sliding css
CSS
72 votes191 views6 answers
Flexbox css
CSS
0 vote299 views2 answers
Google font smooth
CSS
0 vote182 views1 answer
Formatage date css
CSS
22 votes191 views2 answers
Rgb white
CSS