Homepage: responsive maken

[Annevd]

No description provided.

[Annevd]

Responsive fix 1

Een van de problemen op de site is de tekst over Buurtcampus Oost die zich op de homepage onder de cards bevindt. Ik ben a.d.h.v. de inspector door alle html en css heen gegaan en heb ondervonden dat dat komt door een height: 70vh; die op de section van de Buurtcampus tekst staat. Door deze weg te halen wordt dat probleem opgelost.

Before / After

[Annevd]

Responsive fix 2

Na het oplossen van bug 1, liep ik tegen een nieuw probleem aan. Er is nu een enorme witruimte onder de tekst gekomen. Dit komt door de margin-bottom: 14em; die op de laatste p in het article staat. Om dit te fixen kun je dus gewoon de margin verminderen.

Before / After

[Nazneen05x]

Device test (mobile): Huawei

Cards

• h2 fixen

Partners

• witruimte fixen

[Annevd]

Responsive fix 3

Ook hier valt de partners kop buiten de section. Dit komt ook hier door de vaste waarde van height: 70vh. De oplossing is hier ook om de height weg te halen.

Before / After

Sections zijn dan misschien niet allemaal even hoog meer, maar op mobiel is het belangrijker dat het responsive is en dat je de tekst kan lezen!

Dit probleem zit ook in de footer!!! (zie #218 testresultaten)