[Bug] - grid layout / .grid-container will overflow if in a space less than 250 px

[tryoxiss]

What bug did you find in the codebase?

If the grid container is placed in a container which is less than 250px wide, it will overflow and create horizontal scrolling of the viewport. While not a major problem with 250px, it is relatively likely for one to customise these snippets and it can easily case problems if the size is increased.

To fix this, 250px can just be replaced with min(250px, 100%). This will have identical behavour above the threashold, but below it the grid will instead create one column filling its entire container.