/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 vote412 views1 answer
Au fourneua bakery
CSS
2 votes359 views1 answer
How to make html element not selectable
CSS
6 votes338 views4 answers
Css hover to disable
CSS
29 votes368 views2 answers
@font-face rule in css
CSS
1 vote298 views1 answer
Css image background center horizontally in div
CSS
1 vote369 views1 answer
Scss percentage
CSS
0 vote342 views1 answer
Html same width as parent
CSS
10 votes390 views4 answers
Composer self update version 1
CSS
17 votes371 views5 answers
Sass react
CSS
1 vote352 views1 answer
Css everything under element
CSS