Responsive page using flexbox and media query

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted almost 3 years ago

  Hi Elvinas,

  Real nice design, well done!

  I noticed a little line at the bottom of the image on mobile. Add display: block; to .card__image.

  Also as an alternative option to the overlay approach you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);

  You would also need to explore background-blend-mode (multiply usually does the trick)

  Happy coding 🤙

  Marked as helpful

  2

  ---

  

  Elvinas•90

  @elvinasnPosted almost 3 years ago

  @darryncodes Thank you for your feedback, i will check these out!

  0