FrontendBeginner
Responsive Design
Pronunciationrih-SPON-siv dih-ZYN
Definition
Building a page so its layout adapts to any screen size, from a small phone to a large desktop monitor.
Where you hear it
Frontend tasks, design reviews, and client feedback ("it looks broken on my phone").
Examples
The page is fully responsive, so it works on phones and tablets.
We design mobile-first and add layout for larger screens later.
Common mistake
Testing only on your own screen. Check at least a narrow phone width and a wide desktop width.