Streaming live at 10am (PST)

CSS Grid odd responsive behavior

Hi, I’m playing with CSS Grid by creating a Mondrian (inspired by Jen Simmons!) and the grid spills over the canvas on the designer at certain breakpoints (landscape and portrait, in this case). However, when I preview the live site, it looks fine. Any ideas how to resolve this? It’s hard to manipulate when I can’t see certain design elements.

Here is my site Read-Only:
(how to share your site Read-Only link)

In general, why does there seem to be differences between your layout on the designer vs the preview when using grid? @PixelGeek I watched your live stream of the space concept and noticed you had some similar issues.

Hi @rolomathias

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

To see the actual design, either:

  1. Hide empty elements from the left sidebar

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

Hope this is helpful.

1 Like