responsive landing page with media queries

Community feedback

• 

  Adriano•38,120

  @AdrianoEscarabotePosted about 2 years ago

  Hello! Congratulations on the challenge!

  1- You said you had doubts about how to hover with another image, I'll give you a tip on how I did it and in my opinion it's the easiest way.

  First you would put a div around the main image and then you would add a background-image directly in the css with the image that will be behind, you will put an opacity: 0;. With hover you will add it like this:

  .div-main image:hover>.secondaryImg {opacity: 1;}

  then you style it like this:

  .secondaryImg:hover { -shadow: 0 320px hsla(178, 100%, 50%, .5) inset; }

  If you have any doubts, you can look at my resolution here: click here

  Hope it helps... Don't forget to mark it as helpful 👍

  Marked as helpful

  0

  ---

  

  Edwin Jonathan•90

  @ElektrokatPosted about 2 years ago

  @AdrianoEscarabote this is perfect, thanks

  0