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 component with flexbox

Boyan Liu 465

@BoyanLiuu

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


Happy coding !

Community feedback

@RenszCamacho

Posted

Hiya 👋🏻 Boyan Liu. Well done mate 👏👏👏. You've done another nice job on this challenge 👌.Its quite responsive which is nice. 💯

Just I few things in my humble newbie opinion. I know you did not ask for any feedback😊.

Although, it would be great that you add more room in the mobile version, like so: .inner-container { margin: 7.2rem 0; max-width: 31.1rem; }

@media only screen and (min-width: 790px) .container { min-height: 100vh; justify-content: center; }

Happy Coding Mate 🧑‍💻

2

Boyan Liu 465

@BoyanLiuu

Posted

@RenszCamach Thanks for your suggestion, I remember I did not add bottom space for the mobile version. It actually does not look good on the mobile version. I will fix the project! Thanks for your suggestion.

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