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

@designpeak

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


For some reason, the side-menu won't hide on pc.

Community feedback

OpokuWare 230

@opoku334

Posted

The reason why side-menu is still showing on pc is because Inline styles takes precedence over external stylesheet. So even though you have set #side-menu{ display: none; } it will still display it as flex; One way to solve this problem is to clear all the inline-styles and rewrite them in the external stylesheet and use media queries to display #side-menu none on pc

Another way is to use the !important tag to overide the inline-styles #side-menu{ display: none !important;

} But I will advise that you stick to the first option

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