.events-list{text-align:left;grid-template-columns:repeat(4,1fr);justify-content:center;gap:10px;width:100%;padding:20px;display:grid}.event-preview{background-color:#f1f1f1;border:1px solid #ddd;border-radius:8px;max-width:180px;padding:10px;transition:transform .2s ease-in-out;box-shadow:0 4px 8px #0000001a}.event-preview:hover{transform:scale(1.05)}.event-preview h2{color:#0e0d10;margin-bottom:10px;font-size:1.5rem}.event-preview h3{color:#555;font-size:1.2rem}.event-preview h5{color:#777;margin-top:5px;font-size:1rem}@media (max-width:768px){.events-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.events-list{grid-template-columns:1fr}}.event-details{margin-top:100px}