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 Component | Basic HTML/CSS, BEM, responsive, FIGMA

@VitorMagnago

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


Another challenge similar to the previous ones but this time I tried to use new things I'm learning, like improving semantic HTML5 markup, CSS Grid, advanced selectors, custom Properties and Mobile-first workflow.

Any advices?

Community feedback

T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey there, Vitor Magnago! 👋

Great job on this challenge! 👏 The card component looks good and is responsive! 👍

One thing I'd like to suggest is to use only one h1 tag per page. This is a good practice since there should be only one most important heading on a page. You can use less-important headings tags (such as h2 and h3) for the rest of the headings in this card component (besides the main one). 😉

Keep coding (and happy coding, too)! 😁

Marked as helpful

0

@VitorMagnago

Posted

@ApplePieGiraffe

Thanks a lot for the feedback.

Yes, I have to implement what you told me about h1 in my projects, I already read about it but I forgot to use it in this challenge.

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