Flash cards
Review the key moves
What is the main idea behind Responsive Web Design?
Lesson checks
Practice each idea before moving on
Short Mimo-style checks built from this lesson's code, terms, and sequence.
Which statement best captures the main point of this lesson?
Put the learning moves in the order that makes the concept easiest to apply.
Introduction to Responsive Web Design
Responsive web design is about creating web pages that look good on all devices!
A responsive web design will automatically adjust for different screen sizes and viewports.
Best Experience For All Users
Web pages can be viewed with many different devices: desktops, tablets, and mobile phones.
Your web page should look good, and be easy to use, regardless of the device.
Responsive web design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge a website, to make it look good on all devices.
Key components in responsive web design are:
- Viewport <meta> tag
- Flexible layout (grid and flex)
- Mediaqueries