Skip to content
Submitted over 3 years ago

Mobile-first Workflow Price grid component solution using CSS Grid

sass/scss
Achref KS•530
@AchrefFast
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone,

Please let me know if you have any suggestion or advice you can offer.

Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Hania B.•1,280
    @techanthere

    Overall great solution! except that I don't see any reason to use anchor tag in list items, but it's fine. p tag is preferred over h2 here for "30 day, ..." because headings have a different purpose, keep same styling size as other h2 but it's a paragraph.

    Marked as helpful
  • Achref KS•530
    @AchrefFast

    Hi @techanthere,

    Thank you so much for taking the time to look into my solution, I really appreciate that.

    Considering the list items, I used anchors because I assumed that each item is a link to a specific subject. I actually wasn't sure, since I don't have the design file.

    About the "30 day,....", I didn't notice I used h2, thank you for mentioning that.

    This was a big help. Thanks again.

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