Skip to content
Submitted over 1 year ago

A Responsive card with flex-boxes

abelkm99•70
@abelkm99
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

This was the second solution that I've done from the frontend mentor and forgot to publish it. I've been using pixels and height and other stuff. There is always room for improvement so it would be nice to get feedback on what I should have done or what I should fix in the future and best practices as well😊.

Community feedback

  • Kinga Miśkiewicz•160
    @codingbearyPosted over 1 year ago

    Hi! :) Your solution looks great, but I have a few suggestions :)

    1. Remember your HTML should be semantic which means it should have <main> section and a <footer> so it's easier to read by the browser and therefore is accessible to more people. :)
    2. I think you didn't add shadow boxes to the button and to the card itself so keep in mind to follow the design as close as possible :)

    Overall your solution looks great! Keep coding :) I hope you find those tips helpful :)

    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