Skip to content
Submitted almost 2 years ago

Order Summary excercise

Diego Pasaye•570
@DiegoPasaye
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, this is my try of this SummaryComponent, i can´t fix the background image and the width of the last component "cancel" who have a many idea of the solution?

Community feedback

  • Ali Ahmed•680
    @Dany-GitHubPosted almost 2 years ago

    Well Done so far there are some changes you can do

    1. Delete background-image from HTML element in CSS instead you can surround your container dev with <main></main>
    2. You can use background-repeat property to no-repeat for more info you can check the document background-repeat mdn
    3. use background-color for the bottom area
    4. you can give the body height: 100vh then center the main element
    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