Skip to content
Submitted about 3 years ago

Responsive web page using CSS flex and others

Ven Gallardo•90
@Gepeet
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

My :hover on social media icons are incorrect. I couldn't get the right method to change it to white.

I tried and didn't as i want to. color: white;

instead, I just copied a filter combination filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(42deg) brightness(103%) contrast(101%);

Community feedback

  • Michaela Stefkova•380
    @michaelastefkovaPosted about 3 years ago

    I really like how responsive your page is and the pictures are true to size / not distorted.

    Good job!

    Marked as helpful
    2
  • Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    Hi Ven,

    You could try to use this, "filter: brightness(0) invert(1);". This would solve your issue. Also, don't forget to add an onclick function on your navigation when it is in mobile view. :) Well done!

    Marked as helpful
    1
  • Maria Glynou•290
    @MsglPosted about 3 years ago

    Hi! Nice solution! Try using "filter: brightness(100);" it should work and turn the icons white on hover. Happy coding :)

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord