Css with flexbox and grid. Webpack

Community feedback

• 

  Yashasvi Singh•890

  @aUnicornDevPosted over 3 years ago

  From about 1024px and going down to the mobile layout, the content is overflowing and a horizontal scroll bar appears in this region.

  And instead of using <a> tags for going to regions through navigation, use id attribute on elements.

  For eg. <main class="main" id="about">. This will work in the same way.. but will be much cleaner.

  1

  ---

  

  Renato Granados•180

  @Renato6GSPosted over 3 years ago

  @aUnicornDev :o I didn´t know that I should use "main class="main" id="about" " instead "a". Thank so much.

  And speaking of the overflow, I would like to know what happens there because I can't fix it :(

  0

  

  Yashasvi Singh•890

  @aUnicornDevPosted over 3 years ago

  @Renato6GS In the .articles>.article-design in your main-styles.css there is padding for the text padding:1rem 8rem 3rem 8rem

  which is a fixed padding on both left and right. This is causing the whole layout to overflow.

  The design again overflows at around 520px after fixing the above and that can be fixed with removing .header padding of 1rem;

  I would suggest not to remove the paddings completely and shrink the font-weight of elements.

  1

  

  Renato Granados•180

  @Renato6GSPosted over 3 years ago

  @aUnicornDev Thank so much. I think It works ok now :)

  0