.agenda-blok{background-color:#f7f5f3;border-radius:16px;padding:25px 30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);margin-bottom:30px;display:flex;align-items:center;gap:30px}.agenda-datum{flex-shrink:0;font-size:18px;font-weight:600;color:#8b6f4d;width:140px}.agenda-tekst{flex-grow:1}.agenda-titel{font-size:24px;font-weight:700;color:#000000;margin-bottom:8px}.agenda-info{font-size:16px;color:#444}🔹 STAP 3:Controleer de weergave op mobiel
De layout is automatisch responsive,maar je kunt er eventueel nog dit aan toevoegen:css
Kopiëren
Bewerken
@media (max-width:768px){.agenda-blok{flex-direction:column;text-align:center}.agenda-datum{width:auto;margin-bottom:10px}}#top-menu li{padding-left:5px;padding-right:5px}