Submitted over 3 years ago

Pure HTML/CSS with Flexbox and Media Queries

@skyebrownh

A solution to the Single price grid component challenge

Solution retrospective

Tried using CSS Grid but kept seeing some extra bottom padding in the "Join our community" section on desktop. Setting a fixed height did not fix the issue, so I transitioned to use Flexbox instead.

I wasn't able to get a box shadow working for the main card (although I was able to get it for the button), not really sure why so any tips on that would be helpful!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Skye Brown's solution.

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