Automattic / Automattic/block-experiments

Layout Grid: Inconsistent margins & paddings

Open

#131 opened on Aug 14, 2020 11 comments 0 reactions 0 assignees View on GitHub

Bug

Dominant language: JavaScript
Stars: 131
Forks: 18
PR merge metrics: No merged PRs in 30d

Description

I have noticed that the 3 column grid layout will create inconsistent margins for the middle block. This seems to be happening on Varia child themes (See Alves and Barnsbury, below):
![Screen Shot 2020-08-14 at 14 12 21](https://user-images.githubusercontent.com/4452464/90271952-eba46b00-de5c-11ea-8681-8453c0c80fd0.png)
![Screen Shot 2020-08-14 at 18 32 54](https://user-images.githubusercontent.com/4452464/90272012-0840a300-de5d-11ea-8ed3-3c11bacaa1dd.JPG)

This is also happening with TwentyTwenty, with the additional issue of uneven padding:
![Screen Shot 2020-08-14 at 18 32 41](https://user-images.githubusercontent.com/4452464/90271992-feb73b00-de5c-11ea-9864-c9f8a91877b9.JPG)

I initially noticed this on a self-hosted site but I was able to reproduce it on a simple site (Gutenberg 8.7.1)

Context 3224728-zen

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Layout Grid: Inconsistent margins & paddings

Description

Contributor guide

Assessment

Get new issues in your inbox