Skip to content

🔨 Bouwen

TessaViergever edited this page Oct 12, 2022 · 1 revision

Ik ben een beetje chaotisch van start gegaan met bouwen. Ik ben gestart met zowel HTML als CSS. Na feedback van een docent heb ik mijn aanpak aangepast. Namelijk eerst de basis (HTML) en daarna de CSS.

Bij de HTML liep ik vast op een aantal dingen (o.a. de carousel, responsive). Na een tijdje zelf proberen heb ik een docent om hulp gevraagd. Die had het volgende te zeggen:

  • HTML ziet er netjes uit (yay)
  • tip: meer met inspector werken
  • tip: start met bouwen voor een klein scherm. Vervolgens met media querie breakpoints het design aanpassen. -> mediaqueries snap ik nog niet zo goed, daar wil ik meer over opzoeken/leren.

Om te oefenen met media queries heb ik een breakpoint gemaakt. Om te kijken of het me gelukt was heb ik de achtergrond van de carousel bij 400px knalrood gemaakt. En dat werkte, erg lelijk maar leuk om te zien!

@media screen and (min-width: 400px) { .carousel-tips-buurtbewoners { background-color: red; }


6-10-22-mediaquery-bouwen

Er is nog veel wat op dit moment niet lukt maar ik probeer stap voor stap vooruit te komen.
In de loop van de sprint merk ik dat ik steeds meer kruimeltjes informatie bij elkaar aan het sprokkelen ben. Hieronder nog wat voorbeelden van mijn bouwproces.

5 oktober: Poging tot carousel maken (tekst + img over elkaar heen krijgen mbv grid)
5-10-22-carousel-implementeren-bouwen-testen

10 oktober: poging tot carousel met flexbox, zoals je ziet een stijgende lijn.
10-10-2022-probleem-flex-carousel-responsive-sprint-2n
10-10-22-progress-flex
10-10-2022-experimenteren-flex-carousel-sprint-2

Clone this wiki locally