CSS flexbox

Community feedback

• 

  Jason Greenwald•200

  @jaycgreenwaldPosted over 2 years ago

  Karolfm12 - Two things that helped me with this part: 1) learning how to insert images with the css BACKGROUND property instead of the html IMG tag and 2) PSEUDO ELEMENTS - specifically the ::after and ::before ones.

  Basically, you use CSS to display the image (instead of HTML), then add a color over the top of it using the ::after pseudo element. Reduce the opacity of the color to let the image show through. I think of it like adding a layer of color on top of an image like you would in Photoshop or similar.

  This is a high level overview of what to do and how to get started. I'm still very new at this so hopefully someone with more experience responds too! But I do think looking into the CSS background property and pseudo elements are a solid start. Cheers!

  0