Skip to content
Submitted about 2 years ago

Order summary card

Gustavo Henrique•30
@gustavhuey
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

It was easy to code this card, but I spent a lot of time doing it. ;-;

Note: I just couldn't put the background wave.

Foi tranquilo codar esse card, mais gastei muito tempo para fazel-lo. ;-;

Obs: so não consegui colocar a onda de fundo.

Community feedback

  • michaelbulaongdev•170
    @michaelbulaongdevPosted about 2 years ago

    Hi,

    Great work on this. In order to show the background image, you can try to add something like this in your css file.

    body {
    background-image: url("images/pattern-background-desktop.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: hsl(225, 100%, 94%);
}

    I hope this helps. Happy coding! :)

    Marked as helpful
    0
    Gustavo Henrique•30
    @gustavhueyPosted about 2 years ago

    @michaelbulaongmusic I tried but it wasn't

    0
    michaelbulaongdev•170
    @michaelbulaongdevPosted about 2 years ago

    @gustavhuey I am not sure why it did not work for you. You can perhaps try it offline first. If you prefer, you can also have a look at my CSS file for this challenge.

    https://github.com/michaelbulaongdev/007-order-summary/blob/main/styles.css

    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