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

De bouw fase zijn we begonnen om in GitHub een main repository aan te maken waar wij met zijn allen uit gingen werken. We hebben uiteindelijk allemaal Mokhtar zijn GitHub gecloned en daarin apart gewerkt aan de onderdelen die wij gingen maken. Ik ging het foto/visitekaartje gedeelte maken van de website, ik heb dit gedaan door grid te gebruiken, zodat ik 4 rijen kon maken waar ik foto's van de squad members kon laten zien. Daarna heb ik ervoor gezorgd dat de foto's van 4 naar 3 rijen gaan op kleinere schermen, naar 2 rijen gaan op ipad, en 1 rij op mobiel. Dit heb ik gedaan door media query te gebruiken en steeds kleinere fr te zetten in grid template row.

HTML:

CSS:

Ook heb ik op het eind nog een klein beetje css toegevoegd zodat de search bar er mooier uit zag in the light en darkmode.