Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
1
Adaeze Ikemefuna
@AdaezeIkemefuna

All comments

  • Andrei Șontea•15
    @AndreiS22
    Submitted almost 4 years ago

    Order summary card using bootstrap and media queries

    2
    Adaeze Ikemefuna•95
    @AdaezeIkemefuna
    Posted almost 4 years ago

    You did do the right thing with those svgs, they aren't the problem.

    • Reduce the height of the elements though and add the color to the background too. Set it to no-repeat and cover. look at how i did mine.
    body{
        
      background-image: url(./images/pattern-background-desktop.svg);
      background-color: var(--paleblue);
      background-repeat: no-repeat;
      background-position: top left;
      background-size: cover;
      position: relative;
      z-index: -1;
      color: var(--desaturatedBlue);
    }
    

    tell me if this was helpful

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub