A nav that stacks under 600px in HTML & CSS
HTML & CSS interview exercise on Responsive, difficulty 2 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.
On wide screens the brand sits left and the four links sit right on the same row. Below 600px, the links move under the brand and stack in one column, each link as wide as the bar (a full-width tap target). Use the one-column layout as the base and a min-width query for the wide one.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.