BEM

Community feedback

• 

  Miran Firdausi•55

  @Miran-FirdausiPosted almost 4 years ago

  Your Code has few error:

  First, For the images used in the DIV: Use Code: {background-image: url('images/bg-pattern-card.svg'); --->remove '/' before images.

  For the Background Image you can directly add those two circles without using DIV tag: Use Code: body { background-image: url('images/filename.svg'), url('images/filename2.svg');}

  This way you can add two or more background images together by adding commas for multiple file location. Also use attribute in CSS with this (if you want) like: {background-repeat: no-repeat, no-repeat; background-position-y: -450px, 350px; background-position-x: -30%, 123%; background-size: 60%, 60%; background-attachment: fixed, fixed;}

  Separate the values of both images with commas in every attribute. In this way you can add multiple images in the background with background color.

  Check and edit all your URL's remove slashes, BTW rest of your code looks fine. There are several ways to make same thing, everyone is different. If you want to follow your own method you can. Also you can check other people's post to see how they made it.

  Happy coding.

  1

  ---

  

  Michał•45

  @MiLabudaPosted almost 4 years ago

  Thank You very much.

  0