@designpeak
Latest solutions
Latest comments
- P@opoku334
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
- @Ashok-Kumar-dharanikotaP@opoku334
If you are using display: flex for the 'main-A-recent-blog-posts' and 'blog-post-items' containers, you can set your flex-direction to column on mobile screens to make your project look like the design Link below gives better understanding
https://www.w3schools.com/cssref/css3_pr_flex-direction.php
Marked as helpful
