From 7e6453748584b7bd272ecc8758524cc21a02edac Mon Sep 17 00:00:00 2001 From: Lakshaya Sood Date: Sat, 8 Aug 2020 00:28:07 +0200 Subject: [PATCH] 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