Skip to content
Submitted over 4 years ago

Using grid to create single price grid component

Tam Tran•65
@gitdxb
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

Hello! I would like to hear your feedback if possible! This is my 2nd challenge, I used the grid to create the layout, the responsive layout breaks at 650px. Even though it looks a little identical but I'm not so happy with the code. Any advice is appreciated! Cheers

Community feedback

  • Roman Filenko•3,335
    @rfilenkoPosted over 4 years ago

    Hi Tam, your solution looks really great. A few points to improve:

    • tweak a bit box-shadow on main container;
    • add button shadow + hover;
    • left-align items in 2nd card;
    • third card - would rather make as list of items, that using p with br tag.

    keep coding😉, Roman

    1
    Tam Tran•65
    @gitdxbPosted over 4 years ago

    @rfilenko Thanks a lot for your feedback. I appreciate it!

    0

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