Skip to content

Instantly share code, notes, and snippets.

View Xavka's full-sized avatar

Luka Čavka Xavka

View GitHub Profile
.table {display: table;}
.table-row {display: table-row;}
.table-cell {display: table-cell;}
<div class="table">
<div class="table-row">
<div class="table-cell"></div>
<div class="table-cell"></div>
<div class="table-cell"></div>
<div class="table-cell"></div>
</div>
<div class="table-row">
<div class="table-cell"></div>
<div class="table-cell"></div>
<table>
<tr>
<td>table cell</td>
<td>table cell</td>
<td>table cell</td>
<td>table cell</td>
<tr>
<tr>
<td>table cell</td>
<td>table cell</td>
.flex-item {
align-self: auto | flex-start | flex-end | center | baseline | stretch;
}
.flex-item {
flex: none | auto | [ <flex-grow> <flex-shrink>? || <flex-basis> ];
}
.flex-item {
flex-basis: auto | <width>;
}
.flex-item {
flex-shrink: <number>;
}
.flex-item {
flex-grow: <number>;
}
.flex-item {
order: <integer>;
}
.flex-container {
align-content: space-around;
}