NaN-DOM Alfred

Latest comments

• 

  Justin Michael Ramirez•110

  @justinMR

  Submitted over 5 years ago

  

  mobile first single price grid component v1

  1

  10
  

  NaN-DOM Alfred•20

  @domkoder

  Posted over 5 years ago

  I viewed your solution everything is good and fine but when I tried viewing it on iPhone-6, Galaxy-S5 and iPad-pro screens it doesn't look good. check your media query. Use the media query below to make your work more responsive.

  /* Smartphones */
  @media only screen and (max-width: 500px) {
    body {
      background: red;
    }
  }
  
  /* Tablet */
  @media(min-width: 501px) and (max-width: 768px) {
    body {
      background: blue;
    }
  }
  
  /* Normal */
  @media(min-width: 769px) and (max-width: 1200px) {
    body {
      background: green;
    }
  }
  
  /* Widescreen */
  @media(min-width: 1201px) {
    body {
      background: black;
    }
  }
  
  /* Landscape */
  @media(max-height: 500px) {
    body {
      background: orange;
    }     
  }
  

  0