Skip to content
Submitted over 2 years ago

Order summary page with pure HTML and CSS

SINUT WATTANRPORN•200
@Blue-Cheesecake
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

How can I use background image correctly? Is there anything needed to improve?

Community feedback

  • Account deleted

    Hi Sinut,

    After your Body tag and before your main class="container", Add a div tag.

    In this div tag(whatever class name you want), Add code that is similar to this:

    CSS:

    background: url('Design from your file'); background-size: contain; background-repeat: no-repeat; height: 70vh;

    You may need to change some of these values, but it should work. The key is not using the body tag for this design, but rather its own div tag. I hope that helps.

    Marked as helpful
    1

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