Skip to content
Submitted almost 3 years ago

Order Summary

Daniel Hernandez•60
@jhernar
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

what can i change on the code to be more responsive?

Community feedback

  • Remus D. Buhaianu•3,125
    @MiculinoPosted almost 3 years ago

    Congrats on completing the challenge, @jhernar!

    It looks almost the same as the design. Just a few tweaks you could make:

    • the card should be a bit wider

    • add more space around its content

    • the background image doesn't stretch completely to the end of the page. Try using background-size to achieve the desired look

    • you can import the fonts from Google Fonts straight into your CSS file by using @import

    • relative units such as rem / em / vh / vw / % are an important part of building responsive layouts https://www.w3schools.com/cssref/css_units.asp

    Also check out this video https://www.youtube.com/watch?v=VsNAuGkCpQU

    Good luck with your future projects. Keep up the good work!

    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