sprint 1: your tribe

squad page

woensdag 10 september

bouwen

Ik liep gister en vandaag vast bij het maken van de card voor de studenten op de squad page. In het ontwerp hebben we een border lopen onder een aantal andere onderdelen en kreeg het niet voor elkaar om dit te realiseren, zie afbeelding van het ontwerp:

• 

Ik heb vandaag hulp gevraagd aan een van de docenten en hij heeft in codepen een voorbeeld gemaakt: https://codepen.io/shooft/pen/oNrVpeP

Aan de hand van dit voorbeeld ben ik zelf weer aan de slag gegaan en toen is het mij wel gelukt. De oplossing zat ik het toevoegen van een li::before en daarin de border vorm te geven en aan het grid toe te voegen

Daarnaast hadden we vandaag les in breakpoints en hierbij heb geleerd dat de content eigenlijk bepaald waar de breakpoints komen en dat je zelf kan kiezen hoeveel je toepast.

studievragen

Schrijf op wat je hebt gedaan en wat je gaat doen

1. Zie bovenstaand over wat ik heb gedaan
2. Wat ga ik doen? Ik ga nu aan de slag met het realiseren van de zoek functie op de cards van de studenten en maken van kaarten voor alle studenten van squad 1G

Schrijf 3 studievragen op

1. Hoe kan ik de breakpoints toevoegen aan website?

• Hoe werkt dit in combinatie met font-size en het gebruiken rem en em?

2. Wat is het verschil tussen em en rem en wanneer wat welke ingezet?
3. Hoe kan ik met behulp van een grid aan de slag met de cards voor de campus plekken?