I del ett, vi rörade på hur man utnyttjar skärmens makt: flex i dina webbsidor och hur mångsidigt det här nya layoutkonceptet har visat sig vara. Med de tankarna från den tidigare videon i åtanke kan vi nu anpassa processen och använda den som en del av en lyhörd design.
Responsiv design gör det möjligt för användaren att se en layout som övervägs och riktade specifikt till plattformen som de tittar på sidan på, och i dagens handledning använder jag flexboxmarkupen för att visa dig att du skapar dynamiska, formbara layouter för alla enheter , med hjälp av traditionella mediefrågor som används ofta i responsiv designmarkup.
Vi diskuterar också fördelarna med att omorganisera och ändra storlek på responsiva element i en blixt och vad det betyder för ditt nästa projekt arbetsflöde. I denna takt kommer vi förhoppningsvis att se baksidan av de irriterande clearfixes inom en snar framtid!
Har du använt flexbox-inställningen till layout? Föredrar du en annan metod? Låt oss veta i kommentarerna.
Utvalda bild / miniatyrbild, flexibel bild via Shutterstock.