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

@jhernar

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


all improvements are welcome! I've had some problems centering the container with flexbox, could someone help me with that?

Community feedback

MaryF 350

@Janselin

Posted

Good job on this challenge! Here some recommendations!:

🔹For SEO and html structure, you have to use the headings in order (h1 first, then h2,h3 and so on). Don't use more (or less) than one H1 per page. Make sure the H1 is the first and largest text on a page.

🔹In your case, i would change your <div class="card card-1> h2 for a h1 and then use h2, h3.

🔹Also in <div class="card card-3"> you can add an ul list instad of using <p>

:)

Happy coding! 🤗

Marked as helpful

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