I del en, vi berørte hvordan du kan utnytte skjermens styrke: flex i websidelayoutene dine, og hvor allsidig dette nye layoutkonceptet har vist seg å være. Med de tankene fra den forrige videoen husket, kan vi nå tilpasse prosessen og bruke den som en del av en responsiv design.
Responsive design gir brukeren mulighet til å se et layout som er vurdert og målrettet spesielt for plattformen de ser på siden, og i dagens veiledning bruker jeg flexbox-markeringen for å vise deg hvordan du lager dynamiske, formbare layouter for alle enheter , ved hjelp av tradisjonelle medieforespørsler som brukes ofte i responsiv designmarkup.
Vi vil også diskutere fordelene ved å omarrangere og endre størrelse på responsive elementer i et blunk, og hva det betyr for ditt neste prosjekts arbeidsflyt. I denne hastigheten vil vi forhåpentligvis se baksiden av de irriterende clearfixene i nær fremtid!
Har du brukt fleksiboks tilnærming til layout? Foretrekker du en annen metode? Gi oss beskjed i kommentarene.
Utvalgt bilde / miniatyrbilde, fleksibelt bilde via Shutterstock.