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

Responsive Design, CSS, SASS, MOBILE FIRST,

Evan_05 110

@GP2023J

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


1- I did not find much difficulty.

2- Perhaps in the media query.

3- I would like to know if there would be another way to better order my structure.

Community feedback

Tomasz 240

@CurseTommy

Posted

Hi!

I recognize one think that could have been done better, it's section class names, you must be more specific in terms of class names. Because one two three doesn't mean much, take a look as a person who trying to review code, how they can know what this name means.

Also order is done good Another thing is responsive design, if you want to make it easier try to use units like :

  1. rem, em
  2. vh, vw

Those are reacting to side width and height

And you can use clamp() as well, more about --> clamp()

Good luck in future. Keep it up 😁

0

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