Skip to content
Submitted over 1 year ago

css and html

omar yasser•260
@OmarYYasser
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo landing page with two column layout
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

hello every one can any one help me at green word "see how fylo work" i hoverd the underline and the word but i was not able to hover the image i tryed to make filter brightness but it make it hover when you hover only the image and i want if i hover any where in the link it hover and also can any one help me i can't found or get social logos i can't found facebook logo or any other and i don't know where i can get the logo and thanks :D

Community feedback

  • kuzan.ii•90
    @ademehdiPosted over 1 year ago

    there was a mistake in ur css u had to put the filter on the span not on the img

    span { display:flex; width:210px; align-items:center; font-size: 1.2rem; font-weight: bold; position: relative; color: hsl(170, 45%, 43%); }

    span img{ position:absolute; right: 0px; }

    .h span:hover { color: #76e0cc; }

    .h span:hover::before { background-color: #76e0cc; }

    .h span:hover img { filter: brightness(1.5); }

    Marked as helpful
    0
    omar yasser•260
    @OmarYYasserPosted over 1 year ago

    okay thanks a lot it worked and i will fix it @ademehdi

    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