.card{display:inline-block;flex:0 0 20%;background-color:#111b21;margin:1em;padding:1em;white-space:nowrap;overflow:hidden;min-width:20em;box-shadow:0 4px 8px #0003;transition:.3s}.card h2{margin-bottom:0}.card .card-tags{text-align:left}.card:hover{box-shadow:0 8px 16px #000;cursor:pointer}.card .card-head{overflow:hidden;text-overflow:ellipsis}.card .card-body{color:#e5e7eb;font-family:Poiret one,serif;font-size:1.1em;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.card .card-body .ingredients{grid-row:1/1;grid-column:1/3;white-space:break-spaces}.card .card-body .image{grid-row:1/1;grid-column:3/3}