Cubo responsive repost

Community feedback

• 

  Lalit Madan•140

  @madanlalitPosted about 2 years ago

  either remove the shadow or make it color dark. increase the padding little bit. and the eye icon is little bit tough for newbies.

  <div class="eye-overlay"> <img src="images/icon-view.svg" alt=""> </div>.eye-overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: hsla(178, 100%, 50%, 0.5); display: none; } .eye-overlay img{ position: absolute; width: 50px; left: 50%; top: 50%; transform: translate(-50%,-50%); } .img-top:hover .img-overlay{ display: block; }

  Hope this helps.

  Marked as helpful

  1