Skip to content
Submitted over 4 years ago

Single Price Grid component using flex

Karin•95
@iAmKarin
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first project on Frontend Mentor and I am very curious what people think of my code. Thanks in advance for your reply!

Code

Please log in to post a comment

Log in

Community feedback

  • Christopher Till•1,070
    @chri55

    Hi Karin, very nice work on the design!

    One aesthetic suggestion I would recommend is putting cursor: pointer on the .button class instead of the contained a, this way the user knows the entire button is clickable.

    As for your code, very nice. You used media queries which is good, but something I'd do is make one large section for a media query at the end or beginning of the file, since it seems you wrote the same media query over again multiple times. It'll let you write less code overall! See this code on my GitHub for an example of the structure of a larger media query section. Don't mind the content, as its from a different challenge.

    Keep it up, happy coding!

  • P
    Patrick•14,265
    @palgramming

    also seems like you responsive design is broken from between 380px to about 400px wide

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