Solution Jyum

Community feedback

• 

  Travolgi 🍕•31,280

  @denielden

  Posted over 3 years ago

  Hi Thiago, great job!

  To put together an image with a base color in the background just put more specific background properties:

  background: url("../img/pattern-background-desktop.svg") no-repeat top center;
  background-size: contain;
  background-color: #e0e8ff;
  

  For improvide accessibility wrap the content page into main tag and a img element must have an alt attribute. Is very impoortant !

  Hope this help ;)

  00

  Marked as helpful
• 

  Ronaldo•440

  @marckesin

  Posted over 3 years ago

  I did this:

  .container { height: 100vh; background-image: url("../images/pattern-background-desktop.svg"); background-repeat: no-repeat; background-size: contain; position: relative; }

  .container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: hsl(225, 100%, 94%); z-index: -1; }

  The container class is my background.

  00

  Marked as helpful