Flexbox
Exampel
body {
display: flex;
justify-content: center;
}
main {
align-self: center;
}
Programmeringsspråk
Liknande
- Grid
Liknande namn
- Checkbox
Exampel på regler i CSS
flex: 1
order: 1
display: flex
justify-content: center
align-self: center
flex-direction: column;
Kuriosa
Externa länkar
- https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#toc-flexbox-container-properties
- Codepen.io
- Make a div fill the height of the remaining screen space
- Css-tricks.com Using-flexbox
- Css-tricks.com Filling space last row flexbox
- Css-tricks.com Snippets css A guide to flexbox
- Team treehouse.com Blog Responsive design of the future with flexbox
- Sketching with css.com Samplechapter cheatsheet
- Scotch.io Tutorials a visual guide to css3 flexbox properties
- Stackoverflow.com Questions How to specify an element after which to wrap in CSS flexbox
- http://stackoverflow.com/questions/32663055/how-can-you-use-flexbox-to-vertically-center-text-in-a-fixed-height-div-without
- https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/
- Github.com Philip Walton Solved by flexbox
- https://www.w3.org/TR/css-flexbox-1/
- https://www.smashingmagazine.com/2018/08/flexbox-alignment/