Skip to content
Submitted almost 3 years ago

Responsive layout using SASS

Leonardo de Souza Nunes•100
@LeoSouzaNunes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, I would like to receive some feedback about how could I set my background images in the same position as in preview picture? I tried to use background-position with two different values to each image but it doesn't move at all.

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago
    body {
    background-color: hsl(185, 75%, 39%);
    background-image: url(images/bg-pattern-top.svg), url(images/bg-pattern-bottom.svg);
    background-repeat: no-repeat;
    background-position: right 52vw bottom 35vh, left 48vw top 52vh;
}
    Marked as helpful
    2
  • PokeStar•30
    @PokeStar04Posted almost 3 years ago

    Salut léo je pense que tu peu placer tes images d'arrière plan en position absolute pour cet exercice avec ta 1er image en top 0% left 0% et ta second en top 50% right 0%

    Marked as helpful
    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