Skip to content
Submitted 4 months ago

Single price grid component

Pinelopi•80
@Pinelopi-Romeou
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

What are you most proud of, and what would you do differently next time?

I used Grid, which is not something I am familiar with, instead of Flexbox for the layout

Community feedback

  • Debabrata Banik•730
    @DebabrataBanikPosted 4 months ago

    Great work on the design! Here are a few modifications I suggest:

    1. Avoid using fixed heights for the container; let the content inside it determine the height. For the width, instead of using 100%, consider using a smaller value unless you want the container to span the full width of the viewport.
    2. For the responsive layout, consider adjusting the max-width to at least 40rem.
    Marked as helpful
    0
    Pinelopi•80
    @Pinelopi-RomeouPosted 4 months ago

    @DebabrataBanik thank you!

    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