From 7e6453748584b7bd272ecc8758524cc21a02edac Mon Sep 17 00:00:00 2001 From: Lakshaya Sood Date: Sat, 8 Aug 2020 00:28:07 +0200 Subject: [PATCH 1/2] update: tile-layout-using-inline-block with a side note --- snippets/tile-layout-using-inline-block.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/snippets/tile-layout-using-inline-block.md b/snippets/tile-layout-using-inline-block.md index 0b1fd906a..120e8cee2 100644 --- a/snippets/tile-layout-using-inline-block.md +++ b/snippets/tile-layout-using-inline-block.md @@ -10,6 +10,8 @@ Align items horizontally using `display: inline-block` to create a 3-tile layout - Use `width: calc((900px / 3))` to divide the width of the container evenly into 3 columns. - Set `font-size: 0;` on `.tiles` to avoid whitespace. - Set `font-size: 20px` to `h2` in order to display the text. +- Note: If you use relative unit like `em` then using `font-size: 0;` to fight whitespace between the blocks might cause a side effect + ```html
From bb7404de98aa8b9b286bee2027e62c317ca2a659 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Mon, 10 Aug 2020 09:07:58 +0300 Subject: [PATCH 2/2] Update tile-layout-using-inline-block.md --- snippets/tile-layout-using-inline-block.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/snippets/tile-layout-using-inline-block.md b/snippets/tile-layout-using-inline-block.md index 120e8cee2..91fcdc27c 100644 --- a/snippets/tile-layout-using-inline-block.md +++ b/snippets/tile-layout-using-inline-block.md @@ -10,7 +10,7 @@ Align items horizontally using `display: inline-block` to create a 3-tile layout - Use `width: calc((900px / 3))` to divide the width of the container evenly into 3 columns. - Set `font-size: 0;` on `.tiles` to avoid whitespace. - Set `font-size: 20px` to `h2` in order to display the text. -- Note: If you use relative unit like `em` then using `font-size: 0;` to fight whitespace between the blocks might cause a side effect +- Note: If you use relative units (e.g. `em`), using `font-size: 0;` to fight whitespace between blocks might cause side effects. ```html