Skip to content
Submitted over 3 years ago

Order-summary-card (html, css)

Nikola Maricic•200
@dzoni19
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Can someone find a mistake? :/

Code

Please log in to post a comment

Log in

Community feedback

  • Ediongsenyene Joseph I.•1,695
    @IEdiong

    Hello Nikola 👋, I think I spotted the mistake:

    body {
    background: var(--pale-blue) url(../images/pattern-background-desktop.svg) no-repeat center top;
}

    and set the below code snippet at the small screen size media query

    body {
    background: var(--pale-blue) url('../images/pattern-background-mobile.svg') no-repeat center top;
}
    • Also, look into the accessibility issue raised here.

    I hope this was helpful, Shalom!

    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