Questions tagged [html]
Post a PromptPrompts that produce single-file HTML artifacts.
5 prompts
21votes
2answers
3.6kviews
CSS-only accordion that animates open using grid-template-rows 0fr to 1fr
The eternal problem: you can't transition height: auto, so every accordion prompt gives me either a JS height-measuring hack or a max-height guess that's either clipped or has a laggy delay when conte
11votes
2answers
2.2kviews
One-shot prompt for a subgrid card layout where every card's footer lines up
I kept getting card grids where the CTA button floated at a different height on every card because each card is its own grid. The naive prompt ("responsive card grid with title, body, button") always
11votes
1answers
1.4kviews
Using :has() to restyle a form layout when a checkbox is toggled, no JS state
I have a shipping form with a "billing address same as shipping" checkbox. Toggling it should collapse the billing fields and shift the layout. I was about to reach for JS class toggling out of habit.
9votes
0answers
1.2kviews
GitHub-style contribution calendar heatmap as pure SVG, no library
I wanted the little year-of-squares heatmap for an activity page, but the versions I got either misaligned the weekday rows or started the week on the wrong day, so the whole grid was shifted by one a
6votes
0answers
927views
Container-query-driven component that reflows by its own width, not the viewport
I'm building a media object (avatar + text + actions) that lives in a sidebar, a wide feed, and a narrow modal. Media queries were useless because the component's width has nothing to do with the view