Which approach ensures a website works well on mobile, tablet, and desktop?

Which approach ensures a website works well on mobile, tablet, and desktop?

• A. Desktop-first design
• B. Mobile-only design
• C. Navigation-only optimization
• D. Responsive web design

Answer: (D)

Designing for any screen size means the layout adapts to the viewport. Responsive web design uses flexible grids, scalable images, and CSS media queries to adjust the page structure automatically so the same site works well on mobile, tablet, and desktop. This approach provides a consistent experience across devices without maintaining separate versions. Other approaches fall short: starting with a desktop layout can lead to issues on small screens; a mobile-only approach misses the larger displays; and focusing only on navigation ignores how content and layout should reflow to fit different sizes.

Designing for any screen size means the layout adapts to the viewport. Responsive web design uses flexible grids, scalable images, and CSS media queries to adjust the page structure automatically so the same site works well on mobile, tablet, and desktop. This approach provides a consistent experience across devices without maintaining separate versions. Other approaches fall short: starting with a desktop layout can lead to issues on small screens; a mobile-only approach misses the larger displays; and focusing only on navigation ignores how content and layout should reflow to fit different sizes.