Basic CSS Media Query 101

Published: 07 February 2021
on channel: Russell Prior

Media queries allow you to test or check the width of a device viewport. This simple check is at the root of serving up the content or presentation you want to display based on the device in use.

Users access content with many different devices. These devices have different viewport aspect ratios (width and height) and different pixel densities. A developer must also take into account if the user is holding the device in portrait or landscape view.

Lets begin by looking a basic media query start point. You can use this approach to begin most responsive sites. Responsive, meaning the content adjusts based on the devices viewport. Are there other approaches than this? Yes, many; do what works for you.

On this page of the site you can watch the video online Basic CSS Media Query 101 with a duration of hours minute second in good quality, which was uploaded by the user Russell Prior 07 February 2021, share the link with friends and acquaintances, this video has already been watched 44 times on youtube and it was liked by 0 viewers. Enjoy your viewing!

3,968