Pure CSS Sponge #weeklycssimages

@use postcss-cssnext; .aquarium { position: relative; overflow: hidden; background: white; width: 800px; height: 500px; margin: auto; &__table { position: absolute; width: 341px; height: 6px; left: 230px; top: 381px; border-radius: 3px; background: black; &:before { content: ”; position: absolute; width: 131px; Continue reading Pure CSS Sponge #weeklycssimages

Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion

Gosh bless the <details> element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen Simple details. by Chris Coyier (@chriscoyier) on CodePen. Toss a <summary> in there to customize Continue reading Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion