Responsive design with flex

Community feedback

• 

  Karrar Hussein•220

  @Karrar-HusseinPosted almost 2 years ago

  One easy way to fix it is to set the circles as two background images and position them using the background-position property it should be something like this:

  body {
    background-color: var(--clr-Dark-cyan);
    background-image: url(images/bg-pattern-top.svg),
                      url(images/bg-pattern-bottom.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: right 49vw bottom 45vh, left 49vw top 50vh;
  }
  

  Now you're good to go😁🔥

  happy coding✨

  Marked as helpful

  0

  ---

  

  abdessamad lahrizi•140

  @AbdessamadLahriziPosted almost 2 years ago

  @Karrar-Hussein thank you so much it was really helpful information.

  0