Skip to content
Submitted over 3 years ago

Mobile First design, Vanilla CSS & HTML5

George Al Ismail•200
@maotao11
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

Another day another challenge, as always feedback appreciated, i finished this challenge in 3 hours trying to practice speed, and added a little extra spice at the signup button :)

Community feedback

  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    looking amazing🎉🎉 One suggestion I have is (to give body-margin:0px and only give margin-top:10px for mobile layout)

    1
  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Greetings, George Al Ismail! 👋

    Good job on this challenge! 👏 Your solution is responsive! 😀

    I suggest,

    • Decreasing the intensity of the box-shadow around the card component a little bit (to match the original design).
    • Adding the background color from the original design to the page.
    • Adding cursor: pointer to the button in the card component.

    Keep coding (and happy coding, too)! 😁

    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