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

Uvejs 370

@Uvejsii

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


I know it's not perfect so if you have any suggestions tell me, thank you in advance.

Community feedback

@thomashertog

Posted

like you said, it's not perfect yet, my suggestions to you

Design

  • Have a look at the colors in the style_guide.md from the starter files, the ones you use, feel a bit darker on screen
  • the 2 sections at the bottom are not equally wide in your solution

HTML

  • you're missing a landmark
  • you're missing an <h1>, remember headings should be in order and never skip a level

CSS

  • there's a lot being done with px values, try to replace them with em or rem for better accessibility
  • I feel you have some rules duplicated in your code. Didn't find a particular example, but I saw it passing by

Marked as helpful

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