Skip to content
OverviewSolutions
6
Comments
3
Josh
@Joshua-Farr

All comments

  • Josh•100
    @Joshua-Farr

    Looks like the link to your code isn't working!

  • Josh•100
    @Joshua-Farr

    Why did you include this piece of code in your solution?

    @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
  
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
  • Josh•100
    @Joshua-Farr

    Hey Hossam!

    I just completed this challenge today too - the easiest thing that I found was using an overlay with opacity 0 for the image in the cyan color and then changing it to opacity 1 on hover. Hopefully that helps!

    Marked as helpful