Skip to content
Submitted about 2 years ago

Order Summary Component | reset-css package, auto-minify css.

Ignacio Andrés Molina•300
@Strocs
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

My fourth FM Challenge solution!

I'm doing one challenge per day, and this is my fourth day in a row! By now I'm trying to get so much closer to the given design as I can, but will put a little of my touch in futures challenges.

Anyway, as always all feedback is wellcome!

Cheers!

Community feedback

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

    Hi Ignacio Andrés Molina, how are you?

    Congratulations on the result of your challenge, I really enjoyed everything was very good!

    I noticed that the background image is going down a lot at higher resolutions, to fix this we can do the following:

    @media (min-width: 440px)
body {
    background: var(--Pale-blue) url(./pattern-background-desktop.756ba250.svg) no-repeat top;
    background-size: 100% 50vmin;
}

    Congratulations on the result, it turned out great!

    Hope it helps...👍

    Marked as helpful
    0
    Ignacio Andrés Molina•300
    @StrocsPosted about 2 years ago

    @AdrianoEscarabote Nice! I'll try it. Thanks Adriano 😃

    1

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