CODEWITHSUNDEEP
cssresponsive-designmedia-queries
ilyo
ilyo

Reputation: 36391

How to use same css for separate media query conditions

I have 2 conditions for a certain CSS rule:

@media all and (min-width:481px) and (max-width:1024px)

and

@media all and (max-height:900px)

Since I guessing I can't concatenate conditions with or is there a way not to duplicate the CSS rule for both conditions?

Upvotes: 0

Views: 525

Answers (1)

BoltClock
BoltClock

Reputation: 723388

You can do that using a comma:

@media all and (min-width:481px) and (max-width:1024px), 
       all and (max-height:900px)

Upvotes: 5

Related Questions