Flexbox Cheatsheet: Difference between revisions

Flexbox Cheatsheet (view source)

146 bytes added , 27 December 2016

m

no edit summary

82,369

edits

@@ Line 57: / Line 57: @@
 </div></div></td>
 </tr>
+<!---------------------------------------justify-content:space-around----------------------------------------------------->
 <tr>
-<td style="border:1px solid black; padding-left:5px">[[Help:Wiki University Flexbox - Display Horizontal#Moving boxes around horizontally|Placing objects at end of containers]]</td>
+<td style="border:1px solid black; padding-left:5px">[[Help:Wiki University Flexbox - Display Horizontal#Moving boxes around horizontally|Evenly spacing objects with space on either end]]</td>
-<td style="border:1px solid black; padding-left:5px"><nowiki>justify-content:flex-end</nowiki></td>
+<td style="border:1px solid black; padding-left:5px"><nowiki>justify-content:space-around</nowiki></td>
 <td style="border:1px solid black; padding:5px">
 <div style="border:2px solid red; padding:2px">
-<div style="display:flex; justify-content:flex-end">
+<div style="display:flex; justify-content:space-around">
 <div style="height:50px; width:30px; background-color:yellow; text-align:center">1</div>
 <div style="height:50px; width:30px; background-color:orange; text-align:center">2</div>
@@ Line 75: / Line 69: @@
 </div></div></td>
 </tr>
 <tr>
 <td style="border:1px solid black; padding-left:5px">[[Help:Wiki University Flexbox - Display Horizontal#Moving boxes around horizontally|Placing objects at end of containers]]</td>