Responsive site using css grid

Community feedback

• 

  Siege•520

  @idesmarPosted about 3 years ago

  Great work using flexbox on this project and a bit of grid work too.

  There seems to a bit of problem with the hover state of the icons cause it's not activating unless you hover on it directly instead of relying on it's parent element. You can remove the .icon:hover{ } style and inject the code block below, instead.

  .border:hover .icon {
    color: hsl(300, 69%, 71%) ;
  }
  

  What happens there is that the .icon color will change if the user hovers on its parent element (.border). You can even move it up to the parent element above it, the <a> tag. a > .border > .icon.

  I hope I was able to explain that clearly and it helps you moving forward.

  EDIT: Markdown fixed.

  Marked as helpful

  1

  ---

  

  Clarice Almeida•65

  @ClariceAlmeidaPosted about 3 years ago

  @idesmar thank you very much, it worked

  0

  

  Siege•520

  @idesmarPosted about 3 years ago

  @ClariceAlmeida You're welcome. Happy coding!

  0