All comments

• 

  designpeak•90

  @designpeakSubmitted about 1 year ago

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

  

  News Homepage

  1

  50
  

  OpokuWare•230

  @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 Dharanikota•210

  @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.

  

  News Home Page (need improvements & help)

  2

  50
  

  OpokuWare•230

  @opoku334Posted about 1 year ago

  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

  1