Dags att börja flexa

11-06-2017

Många är vi webbdesigner som upprepade gånger svurit över CSSs tillkortakommanden när det gäller grafisk layout. Kanske är det de dagarna äntligen slut.

Säg hej till flexbox!

Det här är flexbox

Flexbox är ett nytt sätt att skapa layouter i CSS3 och stöds av alla moderna webbläsare enligt Caniuse.

Bland fördelarna kan nämnas att man inte längre behöver använda floats för att positionera sina block sida vid sida i en layout. Andra användbara attribut är möjligheten att centrera innehåll vertikalt i en parent med okänd höjd (Ungefär som i en table cell), samt att matcha höjden för samtliga kolumner i en kolumnbaserad layout.

Kom igång med flexbox

För dig som vill komma igång och börja bygga sajter med Flexboxlayout och försjupa dig i alla möjligheter som finns, har CSS-tricks sammanställt en utomordentlig introduktionsguide till flexbox.

Guiden hittar du här!

 

Attribut: ,

Blog