All comments

• 

  prince rana•210

  @Prince-RanaaSubmitted over 2 years ago

  Can someone help me with adding the overlay in the image and adding the eye icon in the image, any suggestion is always welcome. Thank You..

  

  html and css

  2

  40
  

  Jibreel•300

  @jibreel1Posted over 2 years ago

  Nice design here, prince.

  For the eye icon overlay in the image, you can add a pseudo element on the image, the equilibrium image (::after or ::before). After that, set the opacity of the eye icon to zero(0). Then, in the hover of the pseudo element (the eye icon), set the the opacity to one(1). With these, when you hover on the image, the eye icon will display.

  .icon{ background-image: the equilibrium image; } .icon::after{ background-image: the eye icon; opacity: 0; }

  .icon: hover ::after{ opacity: 1; }

  Read more on pseudo elements to get a clearer understanding of this explanation. Is it well understood??

  0
• 

  Anosha Ahmed•9,300

  @anoshaahmedSubmitted almost 3 years ago

  I used desktop-first approach for this, and now I know for sure that mobile-first approach is best.

  Please let me know what I can do to improve.

  

  'huddle page w/ alt. feature blocks' + sass + flexbox + responsive

  19

  799
  

  Jibreel•300

  @jibreel1Posted almost 3 years ago

  Nice design... I'm always amazed how your design and the challenge are always exact, Bravo🚀🚀 How did your have your mobile and desktop screenshots side by side in your ReadMe file??

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Dani Feelshot•370

  @FeelshotSubmitted almost 3 years ago

  

  Clipboard landing page challenge hub

  1

  10
  

  Jibreel•300

  @jibreel1Posted almost 3 years ago

  Nice design right here, Dani👍👍

  Pls, is there a reason why you had separate css files for the mobile and desktop views?

  Media queries could solve that in just one file.🤔

  1

  This comment has received 1 replyShow