For some reason, the side-menu won't hide on pc.
OpokuWare
@opoku334All comments
- @designpeakSubmitted about 1 year ago@opoku334Posted about 1 year ago
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 - @Ashok-Kumar-dharanikotaSubmitted about 1 year ago
Well, I managed to do 50% of the website to match the design. But when I am dealing with class="blog-post-item" I find my design does not match the result. I realized I needed to go deeper about the grid. Any helpful resources or suggestions would be really helpful. I went through a few YouTube videos but still felt that dot in my mind.
@opoku334Posted about 1 year agoIf 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 helpful1