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

News homepage

Anna P. M.β€’ 390

@annapmarin

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my solution for this challenge πŸ’«πŸ‘©πŸ»β€πŸ’»

Built with:

  • SASS
  • JS (vanilla)

Any suggestions on how I can improve and/or reduce unnecessary code are welcome!

Thank you! πŸ™πŸ»

Community feedback

P
visualdennisβ€’ 8,375

@visualdenniss

Posted

Very nice work!

I've spotted a little bug for the nav menu. When you resize from desktop to mobile view and then open and close the nav menu and then resize back to desktop menu, the hamburger menu still shows and pushes the navigation links out of overflow. So you might wanna fix that so that it never shows toggle menu when it is resized back to desktop size.

Hope you find this feedback helpful!

Marked as helpful

1

Anna P. M.β€’ 390

@annapmarin

Posted

@visualdenniss Thanks! It think it's fixed now πŸ™πŸ»

0
P
visualdennisβ€’ 8,375

@visualdenniss

Posted

@annapmarin Almost! The menu toggle disappears now when resized back, but the nav list links stay out of place due to this: transform: translateX(100%);

Marked as helpful

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