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

Aldi Joko 410

@aldijoko

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas 👾 104,420

@correlucas

Posted

Hello Aldi!

Congratulations for your solution!

I think you did really good in your solution because its really close to the Figma design. To improve it a little more you can use this property in the body tag justify-content: center; and use the property flex-direction: column when your page reach the mobile width. Example bellow:

@media (max-width: 375px) { .section-bottom { flex-direction: column; } }

Well done.

0

Aldi Joko 410

@aldijoko

Posted

@correlucas thanks for advice, yeah in mobile width, i still confuse how to set up, maybe next time i will try with mobile design

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