Skip to content
Submitted almost 3 years ago

Order summary component using HTML & CSS

LVL 2
Josh100
@Joshua-Farr
A solution to the Order summary component challenge

Solution retrospective


Felt like this one was a step up from the QR code project w/ how much trickeir formatting that it needed.

Still unsure how to best get the background to change when resizing to desktop - had to look up how to do a media query for the resizing, but not sure if I implemented it 100%.

Some wins from this project:

  • Did not use px for font sizes, used rem instead.
  • Feeling much more comfortable with using flex-box for formatting.
  • Utilizing resources to work through problems rather than looking up solutions.

Go gets for next project

  • Try and use CSS grid if at all possible.
  • Better understand when to use IDs vs Classes when writing html.
  • Mobile-first development.

Overall really happy with how this turned out!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Josh’s solution.

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