Submitted over 2 years ago

Order summary card using HTML and CSS flexbox.

Mariano Alvarez•270

@Cachilox

Preview site View code

This is a solution for...Order summary component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

My problem was that I can't place the background as the challenge asked, any advice on that?

Community feedback

Guillermo Mulvihill•190

@guilleoemPosted over 2 years ago

Hi @Cachilox. To fix that, just remove the background-position property in the body selector. It is seted to "center".

body {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    background-color: $Paleblue;
    background: url('../images/pattern-background-mobile.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; /* delete this*/
}

Marked as helpful

Please log in to post a comment

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