Flexbox Cheatsheet: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 4: Line 4:
</div>  
</div>  


*REMEMBER: All Flexbox coding of items requires that they are inside of a container, such as a "div" or "p" tag:  
*REMEMBER: All Flexbox coding of items requires that they are inside of a container, such as a "div" or "p" tag: <br>
<div style="display:flex">
<div style="border:2px solid green; padding:3px">
<div>Item 1</div>
<nowiki><div style="display:flex"></nowiki><br>
<div>Item 1</div>
<nowiki><div>Item 1</div></nowiki><br>
<div>Item 1</div>
<nowiki><div>Item 2</div></nowiki><br>
</div>
<nowiki><div>Item 3</div></nowiki><br>
<nowiki></div></nowiki></div><br>
<table style="max-width:1200px; border:2px solid green" class="sortable">
<table style="max-width:1200px; border:2px solid green" class="sortable">
<tr style="background:#FFE4B5">
<tr style="background:#FFE4B5">