Skip to content
Submitted almost 3 years ago

Order Summary Component

Shaswat Singh•190
@shaswatsingh19
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

One of the hardest challenges till now took help from @correlucas design and learned a lot from it. Learned about pseudo selector, filter, and things on animation that @correlucas used a lot in his design.

Code

Please log in to post a comment

Log in

Community feedback

  • Lucas 👾•104,160
    @correlucas

    👾Hello Shaswat, congratulations for your new solution!

    This an amazing thing to hear, just one thing, use background-size: cover; to make the animations become full width, because the size is cropping.

    Thank you for the mention bro!

    #bg-pattern {
    width: 100%;
    height: 100vh;
    background: url(images/pattern-background-desktop.svg) no-repeat;
    animation: wavy 8s infinite ease-in-out;
    background-size: cover;
}

    👋 I hope this helps you and happy coding!

    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