Are used to associate a style sheet or style rule with a specific device or list of device features.â

Media queries

Explanation:

 Today, websites have to take into account the increasing volume of users who navigate using smart devices, phones and tablets.

These devices generally have screen dimensions and resolutions much smaller than those offered by desktops and laptops for which many websites were initially designed.

Ideally, the design of the site should be adapted to these means, for which it needs to detect the characteristics of the device from which it is being accessed and adapt to it. Initially, the mechanism of the meta viewport tag was specified, which we have already studied in other articles. Currently, more precise control can be obtained using CSS media queries. With them, you can define sets of differentiated CSS rules for different screen resolutions, device orientations, etc., so that the design is adapted without generating a different HTML code for each type of device.