First submission, needs work

Community feedback

• 

  Андрій Рогов•1,155

  @Andrii-Rohov

  Posted almost 4 years ago

  Hi there, you should try change hdref of link from /styles/style.css to ./style.css and it will aply css

  00

  Marked as helpful
• 

  Vanza Setia•27,715

  @vanzasetia

  Posted almost 4 years ago

  👋Hi Steven Parker! My name is Vanza!

  In my opinion, the best way to get the purple overlay is using background-blend-mode, to do that you need to do a couple things:

  • First make sure you do what Amon have said.
  • Second you can create an empty div inside the card.
  • Next, you can try to write this on your CSS:

  .card div {
    background: url('./images/image-header-mobile.jpg') no-repeat center center;
    background-color: hsl(277, 64%, 61%);
    background-blend-mode: multiply;
    background-size: cover;
  }
  

  That's it! Hopefully this solve your problem! And don't forget to add images on your GitHub repository.

  Happy Coding!

  00

  Marked as helpful
• 

  Amon•2,560

  @A-amon

  Posted almost 4 years ago

  You might wanna recheck your files linking, specifically the css, favicon and images. There are no images in your repo and removing /styles/ from /styles/style.css will import the css file successfully.

  01

  Marked as helpful
• 

  Malesela Kgobe•585

  @M-Kgobe

  Posted almost 4 years ago

  For the stats use a display:flex, flex-direction:column, justify-content:space-between.

  The image overlay, wrap your images in a div overlay and apply colors, object-fit border-radius.

  00