Responsive Fylo Landing Page using Flexbox

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  FOOTER LOGO 📸:

  • You just modified the svg and removed the text Fylo from it, Actually we can add the logo.svg img element to the footer element instead of adding modified svg

  ---

  • I know the text Fylo is in black color, don't worry about that. We can use css's filter property

  ---

  • So just add the logo.svg in img element for footer then add these following styles

  .your-preferable-class-name-for-footer-logo {
  filter: invert() brightness(5);
  }
  

  ---

  • You can use this snippet, this will help you to change the color of logo to pure white yeah the text and shape both will be in pure white

  ---

  • Now your landing page's footer logo has been perfectly applied!

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  0