CSS layoutbeginner
Layout is how you decide where things sit on the page — flexbox is the tool for a row or column of items, and gap is how you space them without fighting margins.
Create a modal with overlay, close button, and smooth transitions.
Published in full, before you start — every point is one of these and there is nothing else.
Layout is how you decide where things sit on the page — flexbox is the tool for a row or column of items, and gap is how you space them without fighting margins.
Gradients, rounded corners and shadows are what separate "a box" from "a card" — they are three properties and they do most of the work in modern UI.
A :hover style tells the user something is clickable, and a transition stops that change from snapping — together they are the cheapest way to make a page feel built rather than assembled.