Skip to content
Submitted about 2 years ago

Order Summary Component (Simple Hover Effect)

Goorezy•100
@GoorezyEST
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

Hey! Another challenge done, this time i had some difficulties using the SVG as a background, so instead I just used a linear-gradient with blue tones. Any advice is welcome! Thanks for viewing my challenge, and I hope you're going trhough a good day!

Community feedback

  • Adriano•38,270
    @AdrianoEscarabotePosted about 2 years ago

    Hello everything is fine?

    You did a great job on this challenge! I saw that you reported having problems placing the background image, but I have some tips for you:

    background: url("../images/pattern-background-desktop.png") hsl(225deg, 100%, 94%) repeat-x;

    The rest is really good! I really liked the effect you put on the card, congratulations!

    I hope it helps... 👍

    Marked as helpful
    2

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