Responsive landing page using HTML, SASS and Js

Community feedback

• 

  P

  Axseinga•430

  @axseingaPosted over 3 years ago

  Hi Emanuel,

  Great job on this one! I really like your solution. This hover effect on links in the footer is awesome. I checked your code and cannot figure out how did you manage to make the mobile menu animated when it hides?

  If it comes to your question I am not sure if this triggers it but your div with class header__links is very long and goes over the button. I can click on links without the problem however if it comes to your contact button I can click on it (and it changes the color) only when I hover on the parts of it that are not covered by div with header__links class. I hope that will help.

  Keep coding :)

  Marked as helpful

  0

  ---

  

  Emanuel John Ameh•65

  @EmablissPosted over 3 years ago

  @axseinga Hi, thanks for the feedback. Here's the code that makes that happen:

  .header__links { background: $white; width: 80%; height: 55%; position: absolute; top: -380px; left: 30px; display: flex; flex-direction: column; align-items: center; transition: all 0.5s ease-out; } This last line here animates it back to hiding :) And as for the problem, I've found a way around it and it looks better now.

  0

  

  P

  Axseinga•430

  @axseingaPosted over 3 years ago

  @Emabliss Thank you, I will have a look into that :)

  0