Responsive designintermediate
Most of your users are on a phone; responsive design is writing one layout that reflows instead of two layouts you have to maintain.
Create a navigation bar with logo, links, and a mobile menu button.
Published in full, before you start — every point is one of these and there is nothing else.
Most of your users are on a phone; responsive design is writing one layout that reflows instead of two layouts you have to maintain.
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.
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.
Padding is the breathing room inside a box; without it text touches its own border and everything looks amateur, no matter how good the colours are.
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.