Fylo landing page HTML and CSS

Community feedback

• 

  Nelson•2,390

  @nelsonleonePosted almost 2 years ago

  Hello, congrats on completing this challenge 🎉🎉 Here how to change the svg color on hover, hope it was helpful

  make sure you used the svg in your html , not img In css you can target the svg fill / or the svg path fill (depends on where the color lays)

  svg:hover{
   fill: red
  }
  
  svg:hover path{
   fill:red
  }
  
  

  Marked as helpful

  1

  ---

  

  Ahmed Saliu•330

  @ahmedsaliuGitPosted almost 2 years ago

  @nelsonleone Thank you for your response, I would try it out.

  0

  

  Ahmed Saliu•330

  @ahmedsaliuGitPosted almost 2 years ago

  @nelsonleone I tried it with SVG hover and path it doesn't work, so keep inspecting all the descendant elements that can make it work, so I target <use>. And it works. thanks for the hint.

  0
• 

  バレンタイン 😈•64,190

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • For the testimonials, it is best ✅ to to wrap each individual testimonial component in a figure element, the individuals information should be wrapped in a figcaption element and lastly, the testimonial itself should be wrapped in a blockquote element.

  Code:

  <figure>
     <blockquote></blockquote>
     <figcaption></figcaption>
  </figure>
  

  More Info:📚

  MDN Figure Element

  • ⚠️ The logo and company info inside the footer need to be wrapped inside an address element. While each individual information needs to wrapped in an anchor element.

  More Info:📚

  MDN Address Element

  • ⚠️ The company directory needs to wrapped in a nav element and be built using theunordered list element to create a single list. You will use the CSS property column to style it. Each individual link needs to wrapped in an anchor element.

  More Info:📚

  MDN <ul>: The Unordered List element

  • Your email input and button needs to be wrapped inside a form ⚠️ and have a visibly hidden label attached to it for improved accessibility 📈.

  More Info:📚

  MDN Email Input

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding! 🎆🎊🪅

  0

  ---

  

  Ahmed Saliu•330

  @ahmedsaliuGitPosted almost 2 years ago

  @vcarames Thanks for your feedback

  0