Skip to content
Submitted about 5 years ago

Single price grid compontent | flexbox

Teng•170
@pyteng
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

Encountered a bug with box-shadow and border-radius.

For some reason there's an extra border showing like this when i put box-shadow to the container.

I fixed it by putting border-radius to the header and container div.

Community feedback

  • Alex•1,090
    @AlexBueckigPosted about 5 years ago

    Hi pyteng,

    your solution looks amazing, good job! 👍

    One really small thing I noticed is that the bottom borders are not display correctly for desktops. The why us section still has borders on the bottom left and right while the subscription section has no border. 😉

    1
    Teng•170
    @pytengPosted about 5 years ago

    @AlexBueckig oops i forgot about that :p thanks alex!

    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