Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single price grid component with HTML and CSS.

@EvertonBorges

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hope you like the site, any feedback is welcome.

Community feedback

Nic 595

@nicm42

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord