Skip to content
Submitted over 3 years ago

Order summary page with pure HTML and CSS

SINUT WATTANRPORN•200
@Blue-Cheesecake
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

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

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