CSS basics, HTML, Flexbox, Grid

Community feedback

• 

  Ahmed Faisal•5,095

  @afrusselPosted about 3 years ago

  Good work. Nice try. I would like to request you please take a look at my solution it may help you to find your issues

  1

  ---

  

  Robert Iancu•0

  @R0b3rtGPosted about 3 years ago

  @afrussel thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)

  0
• 

  Conrad•950

  @ConradMcGrifterPosted about 3 years ago

  It might be because you need to add bottom:0; and right:0; but thats just a guess since im on mobile and cant edit the code in the browser

  0

  ---

  

  Robert Iancu•0

  @R0b3rtGPosted about 3 years ago

  @ConradMcGrifter thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)

  0
• 

  Edgar Badillo•215

  @EdgarBadilloPosted about 3 years ago

  You can use 2 background on the same times. Look this documentation https://css-tricks.com/css-basics-using-multiple-backgrounds/

  0
• 

  darryncodes•6,390

  @darryncodesPosted about 3 years ago

  Hi Robert,

  • it might be worth trying a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);
  • also explore background-blend-mode

  All the best!!

  0

  ---

  

  Robert Iancu•0

  @R0b3rtGPosted about 3 years ago

  @darryncodes thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)

  0