Single price grid component with HTML and CSS.

Community feedback

• 

  Nic•595

  @nicm42Posted over 4 years ago

  This looks really good and works really well on different size.

  But you have media queries for devices 1040px and above, and for devices 1030px or less. I could be missing something really obvious about your design, but generally you don't need both.

  All the CSS you have is used at every size, unless you have a media query saying do something different at this size.

  So, for example, if you took everything inside your min-width 1040px media query outside of the media query then your container will be 44.75% wide by default. Since you have a media query for 1039px or less, then the container's width will only change if the browser width is 1039px or less.

  2