Responsive CSS Quick Cards
Recall practical responsive CSS checks for widths, media, units, and breakpoints.
flashcard-deck compare score-chip Viewport What must be in the HTML head before mobile CSS can be judged honestly? The browser needs the device-width instruction. Use the viewport meta tag with width=device-width and initial-scale=1. Without it, mobile browsers may lay out the page against a scaled desktop viewport. Container sizing Fixed width or flexible width? Use flexible width for content that must survive unknown viewports and text lengths. Objection It fits on my phone, so the responsive work is done. A teammate tested one modern viewport with short English content. Your line Let's also test a narrow viewport, zoomed text, and…
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in