02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Media Query rule combination

So far we treated every media rule as stand alone independent. There are many scenarios where we will want to define a rule based on a match of a few filters. In this lecture we will learn to create more advanced media rules with the help of %u201Cand%u201D.

Keynotes:

  • Media Queries as connectable items.
  • The 'and' operator.
  • Teaser to the next step : expressions

properties:

media queries, HTML4, CSS2.1, print, screen, and, expressions

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

What are media Queries?

In this course we will learn how to control these parameters to create sites that look fantastic no matter how they are consumed.

04:17

Media Queries Hello World

By the end of this lesson, we will know how to define media type per CSS file.

07:18

Media Queries within a CSS file with the @media rule

By the end of this lesson you will know the two ways to define media query rules.

04:09

Media Query rule combination

In this lecture we will learn to create more advanced media rules with the help of %u201Cand%u201D.

08:57