Media Queries

Question 1

What are media queries used for?

Answer 1

To adapt the display based on screen size

Media queries allow for responsive design by applying different styles based on the characteristics of the device.

Question 2

Provide an example of a media query.

Answer 2

.gauche, .droite { width: 20%; } with a change to 100% for small screens

This example demonstrates how to set different widths for elements based on screen size.