Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page with blocks

@eniabazaj


Design comparison


SolutionDesign

Solution retrospective


Hi everyone! I had some troubles with the logo in the footer section, I can't understand how to turn it white... Any feedback is appreciated, thank you all!

Community feedback

Hari Ram 370

@hariramjp777

Posted

Hi Enisa, Your solution looks good. Great 👍

To change the logo in the footer,

  • Create a new file - logo-footer.svg.
  • Copy the code of logo.svg and paste in logo-footer.svg.
  • Start editing logo-footer.svg. If you look at the code, you'll see kind of markup model,
<svg>
  <g>
    <path d="" fill=""></path>
    <path d="" fill=""></path>
  </g>
</svg>
  • So, Here you see two path elements inside g element. Among them, One path is for the chat-box like icon and other is for the text "Huddle".

  • Now change the value of fill attribute in the path elements which defines color.

  • So, for first path, fill = "#fafafa" [ for chat-box like icon ]

  • and for second path, fill = "#ffffff" [for text "Huddle"]

  • Finally, update src attribute of <img> in html page.

Hope it helps.. If you've doubts in the code, ask me in the comments. Have a good day Enisa..

1

@eniabazaj

Posted

@hariramjp777 oh you are always so helpful!!! Thank you so much, I really appreciate it 🤗

1
Hari Ram 370

@hariramjp777

Posted

@eniabazaj Welcome!

0
Muralidhar 190

@Muralidhar22

Posted

@hariramjp777 you're amazing thanks for this

0

Please log in to post a comment

Log in with GitHub
Discord logo

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