CSS Grid odd responsive behavior

[AnnaKelian]

Hi @rolomathias

Here’s an explanation of why you’re seeing the overflow:

Grid. FR unit just got min value with the latest grid update

Hi @dram Looks like we did make a recent update here. We recently shipped a designer tweak to autoinflate empty columns or tracks that are fr with a 75px minimum — similar to how a div has a base height when first added to the canvas. This is an added convenience so that you can drag elements into the cell. Without this, the columns or rows may collapse and cause an even more annoying issue with adding content. If you turn off the “grid lines” (hide/empty lines button in the left sidebar), it…

To see the actual design, either:

1. Hide empty elements from the left sidebar

https://cl.ly/3e40774d7cbc/Screen%20Recording%202018-11-26%20at%2010.49%20AM.gif

2. Set the padding on your blocks to 0,0,0,0. Even if it’s 0 by default.

https://cl.ly/1ec9c96f0ad6/Screen%20Recording%202018-11-26%20at%2010.50%20AM.gif

Hope this is helpful.