x
<html><style>* { box-sizing: border-box;}body { margin: 0; font-family: Arial;}.header { text-align: center; padding: 32px;}.row { display: flexbox; /* IE10 */ display: flex; flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px;}/* Create four equal columns that sits next to each other */.column { flex: 25%; /* IE10 */ flex: 25%; max-width: 25%; padding: 0 4px;}.column img { margin-top: 8px; vertical-align: middle; width: 100%;}/* Responsive layout - makes a two column-layout instead of four columns */@media screen and (max-width: 800px) { .column { flex: 50%; flex: 50%; max-width: 50%; }}/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */@media screen and (max-width: 600px) { .column { flex: 100%; flex: 100%;