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 Home Page using pure html css and javascript

@DaveMan-stack

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

@aashabul

Posted

  • you can improve the desktop view by making it more responsive.
  • on mobile view, when mobile menu opens, try to position the overlay section all over the content except the menu bar. I will look more nice.
  • open the dev tools in your browser and check the console log. It's showing a error with the fonts.
  • Also you can improve the sidebar paragraph color to little bit lighter so that users can read them easily. And add some hover effect on button and other titles which will look cool.

Marked as helpful

1

@DaveMan-stack

Posted

@aashabul Thanks for those awesome feedback. I didn't know I would learn so much just by practicing. Will definitely made those adjustments.

0

@aashabul

Posted

@DaveMan-stack you are welcome. Yes, I am also learning by solving these exercises. A complex project is made of a group of simple components. If we understand these fundamentals properly we can do complex designs easily.

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