Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary - HTML and Vanilla CSS

EK 100

@EuphoriaCXI

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@TomTwig

Posted

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
Discord logo

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