Skip to content
Submitted about 3 years ago

HTML, CSS

Rachel Mozzetta•135
@Mozzarella-chz
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

First time ever creating a project... Was certainly a slow learning process! Definitely learned A LOT through tons of trial and error.

Looking back on my code I know it could be simplified semantically. I feel like my CSS file could be simpler. Let me know if you have any feedback!

Community feedback

  • Fury•945
    @ashiqfuryPosted about 3 years ago

    Great work.

    • Use media queries for mobile view. No need of media queries for this design, if you use flexbox.
    • You need to reduce the width of the .container in media queries (mobile view)
    • Or use zoom property (a quick tip, but not preferable). Like this
    @media screen and (max-width: 375px) {
     .container {
         zoom: 0.7;
     }
}

    Thanks

    Marked as helpful
    1
    Rachel Mozzetta•135
    @Mozzarella-chzPosted about 3 years ago

    @ashiqfury Thank you for the feedback!

    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