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

@doums85

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


Hello guys 👋

I share my work ,

I did it with Grid css. I add an animation on the button, that's so cool 😁

I wait your feedback 🙂

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi, Seck Mamadou! 👋

Good job! That hover state for the button is cool! 😎

I suggest,

  • Setting cursor to pointer for the entire button (not just the button text).
  • Decreasing the padding in the white box of the component in the mobile layout of the page so that there's more room for the box's content.
  • Adding a little more space between the top of the card and the first heading in the white box.
  • Adding some space between the card component and the bottom of the page in the mobile layout of the site.

Keep coding (and happy coding, too)! 😁

0

@doums85

Posted

@ApplePieGiraffe

Hi bro , thanks for your advices 😁👍

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