What does RWD stand for in web development?
B
Rapid Website Development
Analysis & Theory
RWD stands for Responsive Web Design, which ensures that web content adjusts smoothly to different screen sizes and devices.
Which CSS property is most commonly used to make a layout responsive?
Analysis & Theory
`@media` queries allow CSS to apply different styles based on screen size or device characteristics.
What is the main benefit of responsive web design?
A
Faster database queries
B
Better layout for all devices
D
Increased JavaScript speed
Analysis & Theory
RWD provides optimal viewing and interaction experience across a wide range of devices.
Which unit is recommended for flexible layouts in responsive design?
Analysis & Theory
Percentage units allow elements to scale relative to their parent container, making layouts flexible.
Which HTML tag is used to make a web page responsive on mobile devices?
Analysis & Theory
The `<meta name='viewport'>` tag controls how a page is displayed on different screen sizes.
Which of the following is a correct media query for screens less than 768px?
A
@media screen and (min-width: 768px)
B
@media only screen and (width: 768px)
C
@media screen and (max-width: 768px)
D
@media all and (width < 768px)
Analysis & Theory
`@media screen and (max-width: 768px)` applies styles when the screen is 768px wide or smaller.
Which layout technique is **not** commonly used in modern responsive design?
Analysis & Theory
Tables are outdated for layout purposes and are not considered good practice for responsive design.
What does the `vw` unit in CSS stand for?
Analysis & Theory
`vw` stands for Viewport Width, where 1vw equals 1% of the width of the viewport.
What is the role of the `flex-wrap` property in Flexbox for RWD?
B
To allow items to wrap into multiple lines
C
To change the text size
D
To apply background color
Analysis & Theory
`flex-wrap` allows Flexbox items to wrap onto multiple lines, which is useful for responsive designs.
Which combination of technologies is typically used for responsive design?
C
HTML, CSS, Media Queries
D
CSS, Bootstrap, Node.js
Analysis & Theory
HTML, CSS, and media queries form the base for creating responsive layouts.