Skip to content
Submitted over 4 years ago

Single Price Grid - first Bootstrap solution

George Hobbs•310
@georgehobbs
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

This was my first challenge using Bootstrap but actually only used it for a few elements - the sections and the button. I was unsure how to group all three sections together so ended up having to apply the border-radius to three sections when surely it would have been easier to apply it to just one.

Also used media queries for the first time for the mobile version.

Feedback welcome!

Community feedback

  • argel omnes•1,800
    @argelomnesPosted over 4 years ago

    hey George,

    nice work! You grouped the three sections correctly. You can apply border-radius to the container holding these three, which is .row. The trick is to add overflow: hidden; so you can see them applied visually.

    1

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