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

Responsive single price grid component [Flexbox, Grid]

@felipe-miranda-marreiros

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


Any tips would be nice :)

Community feedback

P

@Miculino

Posted

Hey @felipe-miranda-marreiros

Great job on completing this challenge! Looks really similar to the original design, just a bit bigger.

Your CSS code is really clean. I think you're more than ready to implement these modern CSS concepts

Check them out in this video https://www.youtube.com/watch?v=VsNAuGkCpQU&ab_channel=KevinPowell

Keep up the great work!

Marked as helpful

1

@felipe-miranda-marreiros

Posted

@Remus432 thanks for the video recommendation. I'll definitely watch and apply it in my future challenges.

0
darryncodes 6,430

@darryncodes

Posted

Hi Felipe,

Really great solution, very responsive - well done!

Minor feedback but could look nice if you centred your design in the viewport responsively by adding:

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    min-height: 100vh;

Marked as helpful

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