Skip to content
Submitted almost 3 years ago

6th Challenge: Single price grid

drunken_neoguri•290
@DrunkenNeoguri
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

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

  • Elroy Toscano•630
    @elroytoscanoPosted almost 3 years ago

    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
    drunken_neoguri•290
    @DrunkenNeoguriPosted almost 3 years ago

    @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

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