Skip to content
Submitted over 2 years ago

Order Summary - HTML and Vanilla CSS

EK•100
@EuphoriaCXI
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

Hi guys,

I hope you're all doing well.

This is my second submission for HTML and CSS, ideally I am looking for best practises and structure should there be any improvements. I've attempted media enquiries also for the first time properly to.

Thanks for reading :)

Community feedback

  • Tom R.•110
    @TomTwigPosted over 2 years ago

    I think you don't need to repeat style attributes in the media queries if there is no difference compared to the desktop version. So you can save some lines of codes and improve readability.

    For example: You don't need .container {display: grid ...} in your media query if you have it already in your desktop version. You only need the actual changes like margin-left: 25px etc.

    PS: I'm a beginner myself. Only try to help with my limited knowledge :)

    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