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

responsive landing page

@noutcheu1

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello guys please I need help about how to change the color of svg icons when it is use in content css property if someone know how to do it please leave it in comment section thank you .

Community feedback

@NxumaloDev

Posted

Great job @noutcheu1 To answer your question, i used https://angel-rs.github.io/css-color-filter-generator/ worked like a charm. Since we're initially given the colors in hsl, i then use https://htmlcolors.com/hsl-to-hex to convert to hex ( color filter generator uses hex values)

couple of issues:

  • Your mobile navigation is not functional ( hamburger menu doesn't do anything)
  • Use overflow-x: hidden, to remove the horizontal scroll
  • Minor issues regarding padding, spacing , font-family otherwise job well done.

Marked as helpful

0

@noutcheu1

Posted

thank you for your feedback @NxumaloDev for the mobile navigation my hamburger menu work but the js file take a time to load so you need to reload the page but I will fix this soon thank you again

1

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