body{margin:0;font-family:Arial,sans-serif;background:#f0f0f0}.header,.footer{text-align:center;background:#333;color:#fff;padding:1rem}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.item{background:white;padding:1rem;border-radius:5px;cursor:pointer;transition:transform .2s}.item:hover{transform:scale(1.05)}.details{padding:2rem;background:white;margin:2rem;border-radius:5px}