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

Teng 170

@pyteng

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


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

@AlexBueckig

Posted

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

@pyteng

Posted

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

0

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