CSS, FLEX and HTML

Community feedback

• 

  Mohammed Lahboub•570

  @mohammedlahboubPosted over 2 years ago

  Hi@Wandesanguine , for the svg background patterns i used them as background-image in the body like this :

  body {

  background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);

  background-repeat: no-repeat, no-repeat;

  background-position: right 60vw bottom 39vh, left 60vw top 39vh; }

  You could check my solution for more details .

  I hope this help you .

  Marked as helpful

  1
• 

  Veronica Orozco•280

  @VLOrozcoPosted over 2 years ago

  Hey Yewande,

  Mohammed had great things to say, especially with the svg files!

  As far as positioning them on your webpage, research position absolute/relative (but be careful as they can also create extra whitespace at the bottom of your screen if not used appropriately) - then use transform:rotate(__deg) to turn the image to match the design [insert the number before percentage mark for degree in the rotate value];

  Hope that helps! Happy coding to you too! ~V

  Marked as helpful

  0
• 

  Mohammed Lahboub•570

  @mohammedlahboubPosted over 2 years ago

  @Wandesanguine You forgot to add height: 100vh; & width: 100vw; to the body

  0