<style>*{box-sizing:border-box}.column{float:left;padding:0 10px;width:25%}.row{margin:0 -5px}.row:after{clear:both;content:"";display:table}@media screen and (max-width:600px){.column{display:block;margin-bottom:20px;width:100%}}.card{background-color:#f1f1f1;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);text-align:center;transition:.3s}.card:hover{background-color:#f6f6f6;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);color:#666}img{border-radius:5px 5px 0 0}.containerx{height:270px;padding:10px}