Course Content

  • 6. Styling

Course Content


useMediaQuery. This is a React CSS media query hook. It searches for CSS media query matches. It allows components to be rendered based on whether or not the query matches.

react-media is a React CSS media query component. A Media> component listens for matches to a CSS media query and presents content according to whether or not the query matches.

Media queries are an important part of responsive web design because they allow you to create different layouts depending on the size of the viewport. However, they can also be used to detect other aspects of the environment in which your site is running, such as whether the user is using a touchscreen instead of a mouse.

When you wish to adapt your site or app based on a device's broad kind (such as print vs. screen) or specific attributes and parameters, media queries come in handy (such as screen resolution or browser viewport width).

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere