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...