daily pastebin goal
46%
SHARE
TWEET

Untitled

a guest Feb 18th, 2019 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .test2 {
  2.     background-image:url('images/verylargeimage.png');
  3. }
  4.  
  5. // If on a smaller screen...
  6. @media all and (max-width: 600px) {
  7.     .test2 {
  8.       background-image:url('images/smallimage.png');
  9.     }
  10. }
  11.    
  12. .test2 {
  13.      background-image:url('images/smallimage.png');
  14. }
  15.  
  16. // If on a larger screen
  17. @media all and (min-width: 600px) {
  18.     .test2 {
  19.         background-image:url('images/verylargeimage.png');
  20.     }
  21. }
  22.    
  23. .column {
  24.     float: left;
  25.     width: 50%;
  26. }
  27.  
  28. @media all and (max-width: 50em) {
  29.     .column {
  30.         float: none;
  31.         width: auto;
  32.     }
  33. }
  34.    
  35. @media all and (min-width: 50em) {
  36.     .column {
  37.         float: left;
  38.         width: 50%;
  39.     }
  40. }
  41.    
  42. <!-- this is bad, don't do this -->
  43. <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top