I made a rock song about CSS justify vs align.
The rule that fixed it for me forever:
- justify → side to side
- align → up and down
- items → one box
- content → the whole group
Flex or grid. Same four words. Sound on 🔊
I made a rock & roll song about CSS subgrid.
Cards never line up. Titles wrap, buttons drift, the row looks broken.
One line: grid-template-rows: subgrid;
Now the children share the parent's tracks. Everything snaps.
Sound on 🔊
Native HTML accordion. Zero JavaScript 👇
<details>
<summary>FAQ</summary>
Answer, hidden until clicked.
</details>
Keyboard + screen-reader friendly by default. Add name="faq" and only one stays open at a time.
More no-JS tricks 👉 https://t.co/HdxwxYl3sc
HTML has a built-in modal.
The <dialog> element gives you showModal(), a backdrop, ESC-to-close, and focus trapping. All from the browser.
No Bootstrap modal. No Radix. No react-modal.
A song about the most underrated HTML tag 🎵
You don't need JavaScript for fancy UI details.
CSS ::before and ::after give you quote marks, badges, arrows, dropcaps, gradient overlays. Zero markup, zero JS.
A song about the most underrated CSS feature 🎵