Mijn Persoonlijk Proces - iBadr49/your-tribe-squad-page Wiki

Mijn persoonlijk proces binnen het project.

Wat heb ik gedaan?

Eerst ging ik en mijn teamleden brainstormen over hoe de pagina of de website eruit moet zien, toen heeft joella gekomen met het idee een magic box gekomen waar je erop klikt en random visitekaartje krijgt. Later kwam het idee van 'mariokaart'! Opeens heeft wesley een groote deel gemaakt van het website. Ik heb bijna alleen de button's gelinkt met andere html pagina's. Ik heb een homepagina gemaakt maar helaas hebben wij besloten om een andere design te maken.

Wat heb ik geleerd?

Dit waren mijn leerdoelen, verwachtingen.

Nou ik heb mijn doelen allemaal bereikt! Ik weet nu een beetje hoe ik een website responsive kan maken. Ik kan nu samenwerken en feedback geven. Ik heb kennis gemaakt met @keyframes & @mediaquery.

Conclusie

Dit was mijn eerste samenwerking om een website te maken, ik denk wel dat het goed ging ik heb niet veel gedaan in tijdens het maken van website, maar ik heb wel wat geleerd. Ik denk dat het genoeg is voor mijn eerste samenwerking.

@MediaQuery

MOBILE @media only screen and (max-width: 480px) { .marioGif img{ display: none; } .pipe{ display: none; } }

.pipe{ width: 100%; }

We hebben media query gebruikt om het web alleen responsive te maken op mobile met een max-width 480px dus alles onder 480px is responsive. We hebben een display none voor mariogif gebruikt om het gif te verdwijnen. We hebben pipes ook weggehaald, mushrooms waren genoeg voor mobile versie.