Original files

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @Galahad-py,

  Congrats on completing the challenge

  You can replace your body rule with the one below to the center card on the page.

  body {
      background-color: hsl(217, 54%, 11%);
      margin: 0;
      font-family: 'Outfit', sans-serif;
      color: hsl(215, 51%, 70%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      min-height: 100vh;
  }
  

  Because the overlay color is on the background on the div that surrounds the eye icon, the icon is underneath the overlay and you're also apply opacity to both the overlay and icon. You can use pseudo elements. before and after to create the overlay and add the eye icon. See my solution below.

  **my solution

  Hope this is helpful

  Marked as helpful

  0
• 

  Milos Djordjevic•990

  @milosshomyPosted about 2 years ago

  Hey , good job on finishing this challenge. You can use fillter: brigthness(100) to change image color to white and for the space try to not wrap image and text in h4 , wrap it with div and then use image with two spans. Keep coding! :D

  Marked as helpful

  0