Flexbox Cheatsheet: Difference between revisions

From FamilySearch Wiki
mNo edit summary
mNo edit summary
Line 3: Line 3:
''Click on sort icon to put list in alphabetical order''
''Click on sort icon to put list in alphabetical order''
</div>  
</div>  
<table style="width:900px; border:2px solid green" class="sortable">
<table style="width:1200px; border:2px solid green" class="sortable">
<tr style="background:#FFE4B5">
<tr style="background:#FFE4B5">
<th style="width:150px; border:1px solid black; font-size:18px; padding:10px">Description</th>
<th style="width:200px; border:1px solid black; font-size:18px; padding:10px">Description</th>
<th style="width:50%; border:1px solid black; font-size:18px; padding:10px">Flex coding</th>
<th style="width:200px; border:1px solid black; font-size:18px; padding:10px">Flex coding</th>
<th style="border:1px solid black; font-size:18px; padding:10px">You Get</th>
<th style="border:1px solid black; font-size:18px; padding:10px">You Get</th>
</tr>
</tr>

Revision as of 16:52, 5 December 2016

FLEXBOX CHEATSHEET
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
Lists - unordered *Item one
*Item two
*Item three
  • Item one
  • Item two
  • item three