.has-equal-height { height: 100%; display: flex; flex-direction: column; } content figure img { filter: drop-shadow(4px 4px 5px grey); } a, a:hover { color: rgb(74, 74, 74); } .card { box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2); } html, body { height: 100%; } body { display: flex; flex-direction: column; } section { flex: 1 0 auto; } footer { margin-top : 3em; }