Skip to content
Submitted over 4 years ago

css

Nada Farook•100
@NadaFarook
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

Hello everyone, I have complete this challenge, I'm keep trying improve my skill and learning more knowledge,hope you guys can give me some feedback,wish you all have a nice day: )!

Community feedback

  • Noureldine Adel•0
    @Noureldineadel65Posted over 4 years ago

    It looks amazing. Try adding cursor: pointer; on your buttons to give it a clicking cursor when hovering on it. Add add some hover effects by using button:hover{ opacity: .8; } on your button.

    0
    Nada Farook•100
    @NadaFarookPosted over 4 years ago

    @Noureldineadel65 thanks. i will surely make the changes.

    0
    Nada Farook•100
    @NadaFarookPosted over 4 years ago

    @Noureldineadel65 thanks. i will surely make the changes.

    0
  • swaraj papadkar•315
    @swaraj70Posted over 4 years ago

    Hi, your solution looks awesome. Try using CSS grid for much better results.

    0
    Nada Farook•100
    @NadaFarookPosted over 4 years ago

    @swaraj70 thanks for the feedback. I will surely try grid for website sreen size. i made the above for phone size thats why i preferred flexbox.

    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