Starfall

CSS-Only Tabs Demo

In the interest of avoiding writing any Javascript, here's CSS-only tabs. Flexbox makes this easy. We will eventually want to write a bit of JS to be able link to a specific tab.

We should also write a media query that gets rid of the tabs on small screens.

Something else was bugging us, but I don't remember what it was.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu ligula, pellentesque in dignissim vitae, imperdiet nec lectus. Nullam in nisi vitae ipsum venenatis pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean auctor euismod orci eget vehicula. Suspendisse posuere tortor nisi, a maximus ipsum scelerisque in. Integer lacinia fringilla nunc, eget gravida nulla finibus ac. Mauris sagittis vitae turpis eu varius. Duis tempor blandit suscipit. Nulla eget eros risus.

Sed ut nunc ac urna ullamcorper fermentum. Donec convallis tellus convallis mauris commodo fringilla. Integer nibh justo, hendrerit vitae accumsan nec, faucibus eget magna. Sed ultrices ante sit amet volutpat bibendum. Morbi luctus libero vitae purus volutpat consectetur. Nulla nec convallis nulla. Integer at auctor sem. Ut ex nisl, fermentum vitae elementum quis, efficitur nec sapien. Nam et convallis libero. Cras condimentum convallis tellus. Sed justo augue, dictum auctor massa pharetra, imperdiet ultrices odio. Sed et commodo ex. In quis interdum quam.

Mauris molestie ipsum ac sapien iaculis, ac placerat justo dapibus. Nulla posuere velit in arcu sodales ultricies. Sed dignissim lorem tincidunt velit venenatis consequat. Donec ultrices congue varius. Aliquam erat volutpat. Mauris eu felis id mi interdum cursus vel vel orci. Donec sed massa malesuada, lobortis nunc sit amet, imperdiet metus. Quisque lacinia a risus ac maximus. Donec ac quam nec nisl laoreet tempus. Etiam congue porta elementum. Pellentesque ut nisl pretium, cursus orci non, auctor nulla. Quisque eu enim sit amet diam sollicitudin fringilla.