andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update tile-layout-using-inline-block.md

Browse Source
This commit is contained in:
Angelos Chalaris
2020-08-10 09:07:58 +03:00
committed by GitHub
parent 7e64537485
commit bb7404de98
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/tile-layout-using-inline-block.md
View File

@ -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. - 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: 0;` on `.tiles` to avoid whitespace.
- Set `font-size: 20px` to `h2` in order to display the text. - 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 ```html