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 single price grid component using CSS Grids..

@iniyan-web

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


Any feedback guys..!

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hey, it looks really good, well done! The responsiveness could be improved on a bit (check it between 500 and 700px) but that's easy to fix by setting a different breakpoint :) The only other issue I'd point out is "grid-item-3", where you're using a bunch of <p> tags for a list. There's actually a more semantic way to do this: using a <ul> and then <li>s for each list item! Other than this, I think your solution looks very neat.

Marked as helpful

0

@iniyan-web

Posted

@FluffyKas Thank you for your valuable feedback...here after I'll make sure that everything is in more semantic way and I'll improve my site's responsiveness...🙂👍

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