.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:2rem;background-color:#f9f9f9}.meal{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s ease;text-align:center}.meal:hover{transform:translateY(-5px)}.meal img{width:100%;height:200px;object-fit:cover}.meal h3{margin:.8rem 0 .3rem;font-size:1.2rem;color:#333}.meal p{margin:.2rem 0 .8rem;font-size:.9rem;color:#666}