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

@BikoiFr

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


I did something strange with js for the mobile menu

Community feedback

@anhtuanbui

Posted

Hi there

You've got the solution there. However, I noticed some places that you can improve for your code.

  • Remove issues from the report you can use a main tag instead of the wrapping div. Put alternative text for all images
  • The main flexbox you can have flex: 1 1 70%, the right bar can have flex: 1 1 30%, gap: 2rem. The last section can have display:flex and gap: 2rem. It will solve the collumn problems

Happy Codding. Cheers!!! 👉✨🌝

Marked as helpful

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