Principes en conventies
Heb ik BEM(block element modifier) gebruikt voor de block elementen maakt leesbaaheid beter en ook weet je welke class bij welke element hoort door de benoeming er van te omschrijven dat de te maken heeft met dat element. in dit geval noemde ik mijn nav breadcrumb omdat het ook werkelijk een breadcrumb is en alle kinderen krijgen de de naam breadcrumb__item. breadcrumb omdat ze deel zijn van de breadcrumb en item omdat het li list items zijn.
gebruik van line-height voor betere leesbaarheid in dit geval 1.6
Heb ik toegepast door elementen te gebruiken die ingebouwde tab functies hebben dit valt onder html zoals anchors, input, button of de tab-index.
data kunnen ophalen uit Directus en kunnen POSTEN deze data heb ik ook kunnen filteren.
Ik ben mobile first begonnen en vervolgens vanuit de tablet ben ik de media queries gaan toepassen vanaf 38rem
mobile
tablet 38rem
grotendeel van de layouts heb ik grid en flexbox gebruikt. for mobile first heb ik de one column layour gebruikt met flexbox en voor sommige elementen grid. tablet en desktop gebruikte ik grid voor de layout en grid voor stacken en positionering van elementen waar nodig was flexbox voor als ik iets onder elkaar of op een rij moest hebben.
voor de routes
Voor de data die nodig is voor specifieke routes
