Wat is "Responsive"?

Simpel gezegd is "responsive" een website aanpassen aan het scherm waarmee een bezoeker de website bekijkt. Of dit nu een desktop monitor is, een tablet of een telefoon. Het moet er altijd goed uit zien en goed werken.

Wat was de opdracht?

De Haagse Hogeschool heeft mij gevraagd om "ex-Marsbewoners" te helpen door ze de meest ideale landingsplaats te laten vinden op het aardoppervlak met behulp van een live dashboard. Op dit dashboard komt in een visuele vorm advies voor een landingsplaats met informatie voor de terugkerende Marsbewoners uit een externe bron. Er dienen minimaal 2 verschillende API’s gebruikt te worden. Ze moeten ten opzichte van de landing ingezet worden en het moet duidelijk zijn voor de gebruiker waar men naar kijkt.

Het was hierbij van belang om CSS media queries, een flexbox en/of een CSS grid te gebruiken. De pagina moest daarnaast in gevalideerde HTML5 zijn. Het behaalde cijfer voor deze opdracht was een 9,0.