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 News Homepage with HTML,CSS and JS

Kinyenjeโ€ข 60

@KINYENJE

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Dytomaโ€ข 570

@Dytoma

Posted

Hey๐Ÿ‘‹

Good job on completing this challenge ๐Ÿ‘

I have some feedback for you:

  • First you can look at the Accessibility Report and the HTML validation report. You can find useful information about you code. When using the ul element make sure you use li elements as children and then you can wrap the content in an anchor tag. So your code might look something like this <ul> <li><a href="">Home</a></li> <li><a href="">New</a></li> <li><a href=""> Popular</a></li> <li><a href=""> Trending</a></li> <li><a href=""> Categories</a></li> </ul>

  • Secondly the hover effects provided by the design system are absent, you can implement that too to your code. You can read about hover effect on MDN docs hover๐Ÿ“š

Happy coding๐Ÿ™Œ

Marked as helpful

0

Kinyenjeโ€ข 60

@KINYENJE

Posted

@Dytoma Thanks.I appreciate the help.

1
Dytomaโ€ข 570

@Dytoma

Posted

@KINYENJE you're welcome dear๐Ÿ™Œ

0
Ahmed Mahrousโ€ข 980

@AhmedMahrouss

Posted

good jop my bro Congrats on completing your first challenge!๐ŸŽŠ๐ŸปIf you have any questions or need further clarification, feel free to reach out to me. Happy Coding! ๐ŸŽ†๐ŸŽŠ

0

Kinyenjeโ€ข 60

@KINYENJE

Posted

@amahrous176 Thanks.๐Ÿ˜…

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