Making Sticky Sidebars With CSS

Still very much trying to figure this out.

CSS

.wrapper-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.subbar {
  position: sticky;
  top: 0;
  height: 90vh;
  background: yellow;
}

Content

Lorem ipsum sem sed metus velit. Elementum augue dictumst. Ultricies porttitor ultricies. Mattis habitasse curabitur finibus. Sed lectus metus nisl hac rhoncus. Sed ipsum luctus blandit.

Diam fringilla efficitur lobortis in. Efficitur ullamcorper ultricies auctor scelerisque nam. Ultrices purus ut consectetur.

Hac lobortis cras. Odio porttitor lectus etiam. Enim venenatis ultrices dapibus nibh. Sodales nibh imperdiet sodales. Urna non egestas leo id. Neque ultrices sagittis vivamus.

Viverra eget phasellus. Congue nibh adipicing lectus. Platea eget nibh. Aenean lorem habitasse quisque id.

Est euismod dapibus. Lobortis justo rutrum sollicitudin. Neque fermentum dignissim augue ac. Lacinia cras dui rutrum convallis. Odio odio etiam.

Molestie nisl fermentum leo. Lorem tortor sem. Sit mattis sapien maximus lacus. Rutrum condimentum posuere cras enim.

Vestibulum rhoncus consectetur duis. Justo quam mi metus. Finibus lacus sagittis molestie aliquam. Eu turpis dapibus ligula tincidunt aliquet. Phasellus ultrices ex tempor massa elit.

Ultricies dictum molestie semper. Ullamcorper risus proin sollicitudin mi. Faucibus mattis fermentum.

Lacinia accumsan ligula ac massa semper. Lacinia lobortis tortor ornare. Ultricies lacus pellentesque erat nam. Luctus tempus quis. Egestas justo aliquet malesuada massa lobortis.

Phasellus neque aenean. Fringilla pellentesque aliquam. Mollis habitasse viverra sagittis ipsum eleifend. Faucibus ornare quis fringilla finibus. Ligula cras duis nibh convallis.

Tincidunt sodales massa. Tristique sapien hac faucibus etiam malesuada. Pretium purus fusce. Condimentum sed dui felis sit. Dapibus mollis vehicula sapien.

Interdum volutpat elementum mattis interdum enim. Ac ligula feugiat dapibus. Mattis morbi sagittis. Neque dolor pretium. Efficitur vestibulum purus magna praesent praesent. Nulla consequat blandit mollis. Id congue sed felis mollis.

Ac habitasse velit dictumst dictum. Mattis porttitor condimentum elementum etiam ultricies. Sit euismod phasellus mattis eleifend vestibulum.

Eleifend odio magna blandit. Suscipit porta.

Sidebar

Lorem ipsum lacus sollicitudin quam dictumst. Metus eu malesuada vestibulum justo. Tellus gravida purus euismod varius facilisis. Sem condimentum cras sit.

Tempor faucibus curabitur rutrum tortor. Enim quisque lacinia imperdiet praesent. Iaculis dictum praesent eleifend. Ullamcorper iaculis maximus interdum donec laoreet.

Facilisis donec ac maecenas. Laoreet accumsan dictumst venenatis sem eleifend. Lacus facilisis nisl. Vulputate platea feugiat eu lorem. Aenean purus convallis accumsan. Aliquam duis vel mollis congue.

Purus et lacus aenean. Vel semper suscipit platea. Ut nullam curabitur volutpat. Turpis etiam vehicula.

Arcu eu feugiat proin quis molestie. Duis ac non. Vehicula luctus metus fermentum fringilla convallis.

-- end of line --