Skip to content
Submitted over 3 years ago

Order summary component

Riccardo•30
@riccardo-donzelli
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 guys. I did this first exercise and I had some issues with the blue background. I edited it with Illustrator because I couldn't find a way to use it properly. Can you suggest me how to use the CSS background correctly for this project? cheers

Community feedback

  • Ahmed Faisal•5,095
    @afrusselPosted over 3 years ago

    For background use this below code

    body{ background-color: var(--pale-blue); background-image: url("images/pattern-background-desktop.svg"); background-repeat: no-repeat; background-size: 100% 50%; display: -ms-grid; display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }

    Marked as helpful
    0
    Riccardo•30
    @riccardo-donzelliPosted over 3 years ago

    @afrussel thank you Ahmed! Appreciate it!

    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