Bouwen - Harsves/your-tribe-squad-page GitHub Wiki

Ik heb de taak op mij genomen om een overzichtspagina te maken per groepje. Zo kon je overzichtelijk zien wie er in welke groep zat. Hiervoor heb ik gebruik gemaakt van HTML en CSS. Voor het menu heb ik gebruik gemaakt van JavaScript.

Hier zie je een pagina gemaakt in HTML. Iedereen kreeg een eigen class met daarin een foto, hun naam en een knop om naar de persoonlijke pagina's te gaan.

Ik heb wel eerder gewerkt met media query maar toen lukte het mij vaak niet. Ik heb hier de mobile en tablet gemaakt en dat ging heel goed. Ik heb gebruik gemaakt van een max-width van 600px voor telefoon en een max-width van 992px voor de tablet.

De JS is een snelle getelementbyid met een toggle. Als je op de menu button klikt toggelt de class met daarin het menu.