Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Grid Layout Going Further with Grid Layout Placing Elements Using Grid Template Areas

For whatever reason in firefox it creates this extra gap on right side that causes scrollbars https://imgur.com/a/g0TDx

So im having this issue where in chrome the grid looks fine going through the demo yet in firefox it causes it to scroll to the right and you can see the extra gap this is really bugging me lol not sure how to fix

Patrik Horváth
Patrik Horváth
11,110 Points

idk why this happend to you but try use normalize and this

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;

Normalize : https://necolas.github.io/normalize.css/

3 Answers

Patrik Horváth
Patrik Horváth
11,110 Points

when you wisit normalize css you will see

  • A modern, HTML5-ready alternative to CSS resets
  • Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Thanks, what's the difference of normalize and reset.css because that's what i was using in this layout

Thanks alot!