Skip to content
Submitted over 1 year ago

Resposive Landing Page Using Flexbox

Abieb_Guardian•200
@AbibGuardian50
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Is there any solution to give color cyan when hovering the social media icon on footer? Thank You!

Community feedback

  • diversis•250
    @diversisPosted over 1 year ago

    Hello! To change image color inside <img> you may use something like .social-icon:hover {filter: hue-rotate(330deg) saturate(10)}. But there is a better approach for svg images.If you add whole .svg contains to .html you can than apply styles to <svg> object.Also you can place all icons used on a page into <defs> and than place them with <use> inside <svg>. More info on <defs>

    Marked as helpful
    0
    Abieb_Guardian•200
    @AbibGuardian50Posted over 1 year ago

    @diversis Hi,i will give it a try,thank you for your feedack have a great day

    0

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