HTML – Basic Float and Flexbox Page Layouts
September 18, 2022
There are many ways to do HTML layouts that are both semantic and able to accommodate varying screen sizes. For instance, the CSS Float and Flexbox layouts.
CSS – align-content Property
October 2, 2022
The align-content property modifies the behavior of the flex-wrap property by aligning multiple flex lines.
CSS – align-items Property
October 2, 2022
The align-items property specifies the vertical alignment for items inside the flex container.
CSS – align-self Property
October 2, 2022
The align-self property specifies the alignment for the selected item inside a flexible container.
CSS – flex Property
October 6, 2022
The flex property is a shorthand property for: flex-basis, flex-grow, and flex-shrink.
CSS – flex-basis Property
October 6, 2022
The flex-basis property specifies the initial length of a flexible item.
CSS – flex-direction Property
October 6, 2022
The flex-direction property specifies the direction of the flexible items.
CSS – flex-flow Property
October 6, 2022
The flex-flow property is a shorthand property for flex-direction and flex-wrap.
CSS – flex-grow Property
October 6, 2022
The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.
CSS – flex-shrink Property
October 6, 2022
The flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.
CSS – flex-wrap Property
October 6, 2022
The flex-wrap property specifies whether the flexible item should wrap or not.
CSS – justify-content Property
October 9, 2022
The justify-content property aligns the flexible container’s items when the items do not use all available space on the horizontal axis.
CSS – order Property
October 11, 2022
The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.
CSS – List of Flex Properties
June 13, 2023
This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.
HTML
CSS
JavaScript
jQuery
PHP
SQL
WordPress
HTML
CSS
JavaScript
jQuery
PHP
SQL
WordPress
Why 1SMARTchicken?
This site was built and is maintained to benefit my autistic son.
See More →
See More →
Thanks for your support!
Books
All are affiliate links. Thank you for your support!
