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

6th Challenge: Single price grid

@DrunkenNeoguri

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


(I wrote this using Google Translate. Please forgive the grammar.)

Hello! I did this project as the 6th challenge. :D

The image I saw in the design folder in the starter file did not have an image of the change in hover state, so I thought about how to make the sign up block look like a button.

And, I saw a box-shadow in the image, so I put it in to solve it!

Thank you for watching and if you have any other advice, please feel free to reply me! XD

Community feedback

@elroytoscano

Posted

Brilliantly done, the design is responsive as well. You may improve the visual feedback by providing cursor:pointer and changing the color of the button when hovering over the button.

Hope this helps.

Marked as helpful

1

@DrunkenNeoguri

Posted

@elroytoscano

As you said, adding a cursor element makes it look like a button! Thank You! ^^

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