Skip to content
Submitted about 3 years ago

Plane HTML CSS Solution

Prathmesh Godse•80
@prathmeshgodse
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Since this is my first challenge on Frontend Mentor, any Feedback is appreciated. Had some trouble with the colors, figuring out what the colors are when the payment button is hovered. Also the positioning of the 'Annual Plan' and Plan Price was something I'm unsure about. I have tried my best to match it with the template, do let me know if there's an easier/efficient way to do the same.

Community feedback

  • Oscar Miras•160
    @omirasPosted about 3 years ago

    Hi!

    Very good work! Here's my simple suggestion: you may use max-width to determine the max width of the container; so the plan details do not look too wide when the viewport increases:

    https://oscarm.tinytake.com/msc/NTcwOTY5NV8xNzY0NTA3Ng

    Regards,

    Marked as helpful
    0
    Prathmesh Godse•80
    @prathmeshgodsePosted about 3 years ago

    @omiras Thanks a lot for the suggestion Oscar! I have implemented the change. This will be very helpful in future projects as well.

    Also thank you for taking out the time to create that video explanation :)

    1

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