Responsive Equalizer landing page

Community feedback

• 

  Ambre•170

  @Yunie08Posted almost 3 years ago

  Hi David,

  Great work on this challenge !

  About styling icons on :hover here are two solutions I've found (there might be others!):

  • Using the background-clip: text along with -webkit-text-fill-color properties. Here's an example in CodePen
  • Applying filters using this generator on CodePen

  I hope this helps :)

  Happy coding!

  Marked as helpful

  0

  ---

  

  David•40

  @TheBigDadOoPosted almost 3 years ago

  @Yunie08 Thanks, I'll try that!

  0
• 

  Lorenzo Franco•480

  @LfrancosPosted almost 3 years ago

  Hello David! This is looking really nice!! I tried to do the same thing you did with the footer of using flex-box but for some reason I was not able to pull it of. I ended up using grid and it worked but not as good as yours.

  In you mobile version the footer has no space to the sides and it makes it hard to read when it is completely close to the borders. I would use some margin or padding to make sure that it has a little space to the sides.

  Another thing that I'm seeing is that when you take a look at this in a 4K screen the whole design stretches too much. I would suggest to create a limit for the body. Looking around it seems that most of the people keep the content with in "1440px" I highly encourage you to keep that in mind so that your users don't have to move their heads too much side to side : )

  Other than that this is looking INCREDIBLE!! Keep up the great work! : )

  0