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

Single Price Grid - first Bootstrap solution

@georgehobbs

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


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

@argelomnes

Posted

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
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