A web page has a multi-column layout using floats, but the developer wants to switch to a single-column layout on devices with a width less than 600px. What approach should they take using media queries?
- Use a media query with aspect-ratio: 1/1
- Use a media query with max-width: 600px
- Use a media query with min-width: 600px
- Use a media query with width: 600px
To switch to a single-column layout on devices with a width less than 600px, the developer should use a media query with 'max-width: 600px'. This ensures that the specified styles are applied only when the screen width is 600px or less.
Loading...
Related Quiz
- How can CSS be used to enhance the focus visibility for keyboard users?
- Which CSS property is typically used to set breakpoints in responsive design?
- In a Flexbox layout, how can you ensure that some items take up more space than others, depending on the available space?
- What is the default value of the animation-direction property in CSS?
- For smoother transitions, the property will-________ can be used to hint the browser about what aspects of an element will change.