Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found

Submitted

Single price grid component using Flexbox

@azurasan

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


Give me feedback :)

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Ananda Zulvansyah Putra! 👋

Nice job on this challenge! The desktop layout of your solution looks pretty good! 👏

I suggest,

  • Making sure the design doesn't revert to the desktop layout when the screen width decreases past 375px. Your solution should look good on all screens (even super tiny ones).
  • Adding a hover state to the button of the card component would be a nice touch, I think.

Keep coding (and happy coding, too)! 😁

1

P
Grace 27,350

@grace-snow

Posted

Ps from a quick glance at the html, I think you'll want to look into semantics a bit more. Heading levels should go in order. Also try the list elements for the why us section. And try to use classes for all styling. Good luck!

1

P
Grace 27,350

@grace-snow

Posted

Hey, I won't give feedback on this yet until you've added mobile styles, as I'm viewing on my phone. Keep going with it if you can, nearly there 😉

1

@azurasan

Posted

@grace-snow i already added mobile styles for (375px until 600px), i'll adding some styles for <=375px.thank you for your constructive advice .sorry my english is terrible

0
P
Grace 27,350

@grace-snow

Posted

@azurasan you may as well just remove 375px as your minimum and not have one. All mobile styles can be the same then up until 600px when desktop layout kicks in. Good luck

1

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