squad page_ sprint 1_ week 2 ‐ donderdag 12 september - julia-stevens/i-love-web GitHub Wiki

sprint 1: your tribe

squad page

donderdag 12 september

bouwen

Vandaag heb ik de cards voor de Amstelcampus plekken gemaakt met behulp van een grid. Ik had hier al eerder een breakdown schets voor gemaakt, dus ik kon al snel aan de slag. Ook had ik al meer ervaring met grid doordat ik eerder deze week de cards voor de studenten had gemaakt, en dit proces ging dus vrij snel. Ik heb ook iets nieuws geleerd, namelijk hoe de iconen weer te geven op de tags, dit door bij het a element een background-image te te passen en deze te positioneren

Ook heb ik breakpoints toegevoegd, aangezien ik vooral met em heb gewerkt, hoefde ik eigenlijk alleen de font-size te veranderen. De rest van de content staat in grids en deze zijn op zich al responsive, omdat ik met auto-fit heb gewerkt.

studievragen

3 dingen die je geleerd hebt

  1. Ik heb geleerd om met media queries te werken: https://github.com/julia-stevens/your-tribe-squad-page/blob/a427af181b491ef9e4477907eb8c129c1015c95c/styles/julia-styles.css#L597-L686
  2. Ik heb geleerd om een icoon aan een a element toe te voegen door background-image: https://github.com/julia-stevens/your-tribe-squad-page/blob/a427af181b491ef9e4477907eb8c129c1015c95c/styles/julia-styles.css#L470-L474
  3. Ik heb geleerd hoe je responsive grid maakt: https://github.com/julia-stevens/your-tribe-squad-page/blob/a427af181b491ef9e4477907eb8c129c1015c95c/styles/julia-styles.css#L438-L441

2 dingen die je interessant vindt

  1. Ik wil meer onderzoek gaan doen naar em en rem en wil gaan onderzoeken wanneer welke te gaan gebruiken
  2. Ik wil onderzoek gaan doen naar het toepassen van een slider bij de campus plekken

dingen die je nog niet weet

Ik weet nog totaal niet hoe ik een slider moet gaan toepassen, hier ga ik dus meer onderzoek naar doen, ik heb al een aantal bronnen genoteerd: