Responsive Web Design with CSS

Assess your ability to build layouts using Flexbox,Grid,and media queries.

1. What is the primary purpose of the viewport meta tag in responsive design?
2. Which CSS units are considered relative and suitable for responsive design? (Select all that apply)
3. Media queries can target device orientation (e.g., portrait or landscape).
4. What does the acronym RWD stand for in web development?
5. Which is the correct syntax for a media query that applies styles when the viewport width is at least 768px?
6. Which CSS Flexbox properties affect the alignment of items along the main axis? (Select all that apply)
7. What CSS Grid property creates responsive columns that automatically adjust based on viewport size?
8. Using fixed pixel (px) widths for container elements is recommended for responsive web design.
9. What CSS property is commonly used to make images responsive by preventing them from overflowing their container?
10. Which media query features can target viewport dimensions? (Select all that apply)
11. Which CSS unit is equal to 1% of the viewport's height?
12. CSS Flexbox is primarily a one-dimensional layout system, focusing on either rows or columns.
13. What is the abbreviation for the CSS unit that scales relative to the viewport's width?
14. Which of these are best practices for responsive images? (Select all that apply)
15. Which CSS property defines the minimum viewport width at which a media query takes effect?
Answered 0 of 0 — 0 correct