Skip to content
Submitted almost 2 years ago

Single Price Component | Basic HTML/CSS, BEM, responsive, FIGMA

Vitor Magnago•130
@VitorMagnago
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 2 years ago

    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
    Vitor Magnago•130
    @VitorMagnagoPosted almost 2 years ago

    @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

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