Med varje ny revision av CSS kommer en uppsjö av nya, spännande attribut fram. varav en är den diskreta displayen: flex approach.
Flexbox-layoutmodellen har blivit flytande runt nätet för en liten stund nu, varje gång med egen variation på tillvägagångssättet (vissa föråldrade, till exempel displayen: rutan eller displayen: flexbox-metoden).
I dagens guide kommer vi att upptäcka fördelarna med att använda flexboxtekniken i våra egna layouter.
Några bra funktioner i den nya modellen är:
I del 2 vi ska ta en titt på hur man tar det ännu längre, och vrid din flexbox layout till en fulländad responsiv design!
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.