css grid, flexbox.

Community feedback

• 

  Aleksa Mitrović•150

  @1aleksaPosted over 3 years ago

  1. Add 2 images (1st image(top), 2nd image(bottom)) - the first line of code
  2. Arrange the right position of the both picture (moving 1st image, moving 2nd image) - the second line of code
  3. In order not to repeat the image over the whole background - the third line of code

  The position might be a bit confusing, here you can find more info to clarify: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    background-image: url(images/bg-pattern-top-desktop.svg), url(images/bg-pattern-bottom-desktop.svg);
    background-position: -10px -10px, 355px 125px;
    background-repeat: no-repeat, no-repeat;
  

  1

  ---

  

  Cornelius Ogunjeminiyi•115

  @cornelldevPosted over 3 years ago

  @1aleksa It worked! Thank you.

  0