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

Ionut Olteanβ€’ 440

@replayzor

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


Help me with any feedback. Thank you

Community feedback

@MelvinAguilar

Posted

Hello there πŸ‘‹. Good job on completing the challenge !

I have other suggestions about your code that might interest you.

  • Use <ul> and <li> for the content under "Why Us": Since the content is a list of items, it's more semantically correct to use an unordered list (<ul>) and list items (<li>) instead of just using paragraph (<p>).
  • You should use only one <h1> tag per page. The <h1> tag is the most important heading tag, This can confuse screen reader users and search engines. You can read more about this here πŸ“˜.

I hope you find it useful! πŸ˜„ Above all, the solution you submitted is great!

Happy coding!

Marked as helpful

2

Ionut Olteanβ€’ 440

@replayzor

Posted

Thank you , did not notice that was a list =) . I fix it thank you for the feedback @MelvinAguilar

0
Daniel πŸ›Έβ€’ 44,230

@danielmrz-dev

Posted

Hello @replayzor!

Your project looks great!

If you change your background-color to #E7EFF6, it'll look even closer to the original design.

I hope it helps!

Other than that, great job!

Marked as helpful

1

Ionut Olteanβ€’ 440

@replayzor

Posted

@danielmrz-dev Thank you I notice the background color after I upload it i will fix it thank you

1

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