title: Unwanted horizontal scroll in CSS Grid
body: <p>I have been working on creating a similar image setup like here: <a href="https://readcereal.com/category/travel/" rel="nofollow noreferrer">https://readcereal.com/category/travel/</a> using CSS grid and I constantly encounter one issue - a horizontal scroll. I use Bootstrap for the navbar. It looks like in the attached image. Would anyone have idea why is that happening? I tried so many different CSS grid combinations and it never worked. Image: <a href="https://i.stack.imgur.com/7UwjN.png" rel="nofollow noreferrer">https://i.stack.imgur.com/7UwjN.png</a></p>