Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Advanced CSS Media Queries

via LinkedIn Learning

Go to class Write review
Pragmatic Institute Ad

AI Product Expert Certification - Master Generative AI Skills

Learn More → Coursera Ad

Coursera Plus Annual Nearly 45% Off

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to use media queries to test for interaction styles, determine how devices are held, figure out screen resolution, and combine these options to build sites and apps.

Syllabus

Introduction
  • Media queries aren't just screen size queries!
  • Working with CodePen
1. Understanding Media Features
  • Understanding media in media queries
  • Changing media in media queries
  • Including width in media queries
  • Including height in media queries
  • Including aspect ratio in media queries
  • Testing for monochrome devices
  • Testing for screen orientation
  • Testing for screen resolution
  • Testing for hover and pointer
2. Complex Media Queries
  • Testing for conditions with and
  • Testing for conditions with not
  • Testing for comma-separated conditions (or)
  • Targeting specific devices using complex media queries
  • Working with only
  • Challenge
  • Solution
Conclusion
  • Next steps

Taught by

Jen Kramer

Reviews

4.7 rating at LinkedIn Learning based on 64 ratings

Start your review of Advanced CSS Media Queries

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.