html - How do i combine these media query in to one? -
ok dumb question , i'm blacking out or how take media , make know screen size automatically? @media (max-width: 600px) { .wm-booking-enduser-logo-bg { max-width:600px; } } @media (max-width: 500px) { .wm-booking-enduser-logo-bg { max-width:500px; } } @media (max-width: 400px) { .wm-booking-enduser-logo-bg { max-width:400px; } } @media (max-width: 300px) { .wm-booking-enduser-logo-bg { max-width:300px; } } @media (max-width: 200px) { .wm-booking-enduser-logo-bg { max-width:200px; } } from looks like, want have .wm-booking-enduser-logo-bg expand full width of viewport, automatically. if element not child of parent element restricting size, use following (without media queries): .wm-booking-enduser-logo-bg { max-width: 100% } add comment if doesn't work you. edit: note max-width different width . latter sets width explicitly ( ie .wm-booking-enduser-logo-bg full width). former means "don't stretch elemen