Gareth Joyce – Interaction Designer
<table>
/ float: left;
/ display: inline-block;
col-xs-6 col-sm-8 col-md-12
display: grid;
grid-template-columns
fr
unitgrid-template-rows
gap
– grid-gap
repeat()
functionminmax()
functiongrid-column: 1 / -1;
col-xs-6 col-sm-8 col-md-12
grid-row
@media
is powerfulgrid-auto-rows
/ grid-auto-flow
auto-fill
/ auto-fit
with repeat
order
property lets us reorder itemsaria-label
as a minimum to convey meaningWebsites do not need to look the same on every browser!
– Some smart human