Skip to content
Submitted over 4 years ago

Single Price Grid Component using CSS Grid and Flexbox

Michelle•125
@myc15
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

Since I added the border-radius separately, I was wondering if there is a way to add them all at once to the container?

Any feedback would be greatly appreciated. Thank you! :)

Community feedback

  • SathishVM•280
    @SathishVMPosted over 4 years ago

    Hello Michelle,

    You have done a nice solution tho this challenge and simple as the structure in the code.

    So instead of using border-radius separately you can use a container and in it, you can use padding to the div and it overflows the container so it will not visible and here you can use overflow: hidden so the overflow will not be shown and border-radius will visible and that's the hack I used.

    I hope you got my point. :) Happy coding

    1
    Michelle•125
    @myc15Posted over 4 years ago

    @sathishvm Thank you for your feedback! I added overflow: hidden to my container and it worked. :)

    0
    SathishVM•280
    @SathishVMPosted over 4 years ago

    @myc15 🤗

    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