Clipboard-landing-page. html/css

Community feedback

• 

  Muhammad Shajjar•1,100

  @muhammadshajjarPosted about 3 years ago

  Hi Nice Work, Awesome work on this one layout looks great and responds well on all sizes but there is a small issue that content is growing too much on larger viewports add max-width to a body or make a container class that wraps your all content, by adding it you can control your content from growing too much on larger viewports, it is first stepped to responsiveness in my opinion.

  I think you are on the right path of using the filter to your image on hover but the filter you used is not right Check out this code-pen it will generate filter which you want This is generated by this code pen,

  .social a:hover {
  filter: invert(56%) sepia(100%) saturate(338%) hue-rotate(122deg) brightness(90%) contrast(85%);
  }
  

  And if you would use direct SVG in your Html, This css tricks link would lead you to the best

  Apart form this very well done, Keep up the great work

  Marked as helpful

  0

  ---

  

  Tomi•565

  @Tomi-pterPosted about 3 years ago

  @muhammadshajjar Thanks a lot man. For the overgrowing problem, I added a [min-width: 1441px] query and set the (max-width) of the main to 80% and the footer height to 10vh. The css tricks article was really helpful too. Thanks 👍🏾

  0