Skip to content
Submitted about 3 years ago

Order Summary using HTML + CSS Only

kaylaOM•40
@kaylaOm
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 my first challenge since finishing school 2 years ago. I completely forgot to focus on mobile first and how to make the media query for smaller screens. Definitely not the most elegant code, any feedback appreciated.

Community feedback

  • bunee•2,020
    @buneeIsSloPosted about 3 years ago

    Hey! @kaylaOm, Congrats on completing your first challenge! You've done good. However the card isn't completely responsive... A quick way to fix this would be by adding a minimum width to your summary container like so, min-width: 375px;

    If you're looking to refresh your memory, I suggest taking This free course by Kevin Powell.

    Hope this helps :)

    Marked as 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