Flexbox Cheatsheet: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<div><!--opening table tag for entire document----------------------------------> | <div><!--opening table tag for entire document----------------------------------> | ||
<div style="border:5px solid darkred; border-radius:10px; background:#FFE4B5; width: | <div style="border:5px solid darkred; border-radius:10px; background:#FFE4B5; width:1170px; height:100%; text-align:center; padding:10px; margin-bottom:10px; box-shadow:5px 5px 3px #888888"><span style="font-size:36px; font-family:arial; padding:10px">FLEXBOX CHEATSHEET</span><br>Condensed guide to Wikitext coding | ||
''Click on sort icon to put list in alphabetical order'' | ''Click on sort icon to put list in alphabetical order'' | ||
</div> | </div> | ||
Revision as of 17:03, 5 December 2016
FLEXBOX CHEATSHEET
Condensed guide to Wikitext coding
Condensed guide to Wikitext coding
Click on sort icon to put list in alphabetical order
| Description | Flex coding | You Get |
|---|---|---|
| Placing objects in rows | display:flex |
1
2
3
|
| Placing objects at end of containers | justify-content:flex-end |
1
2
3
|