CSS – Padding
November 20, 2022
The CSS padding property gives an element space around its content, inside of any defined borders. The padding can be set for all four sides of the element.
CSS – Clearing an Element
October 4, 2022
When we use the float property, and we want the next element below (not on right or left), we can use the clear property.
CSS – Margin
November 20, 2022
The CSS margin property gives an element space around its content, outside of any defined borders. The margin can be set for all four sides of the element.
CSS – Using a Grid Layout for a Responsive Design
November 20, 2022
A CSS grid Layout offers a grid-based system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
CSS – Using Media Queries for a Responsive Design
October 4, 2022
CSS media queries not only look for the screen size to determine which styles to apply, but also look at the user’s device type and its capabilities.
CSS – Flexbox – Define a Flex Container
November 20, 2022
A Flexbox container allows for a responsive layout structure, giving you complete control over the direction, alignment, order, and size of the boxes.
CSS – Flexbox – Define the Flex Direction
November 20, 2022
The flex-direction property defines in which direction a flex container will stack the flex items within.
CSS – Flexbox – Define the Flex Wrap
November 20, 2022
The flex-wrap property specifies whether the flex items should wrap or not wrap within the flex container.
CSS – Flexbox – Define Content Justification
November 20, 2022
The justify-content property is used to align the flex items within the flex container.
CSS – Flexbox – Vertically Aligning the Content
November 20, 2022
The align-items property is used to vertically align the flex items within the flex container.
CSS – Flexbox – Vertically Aligning a Specified Flex Item
November 20, 2022
The align-self property defines the alignment for a specified item and overrides the default vertical alignment set by the container’s align-items property.
CSS – Flexbox – Vertically Align Wrapped Content
November 20, 2022
The align-content property is used to vertically align the wrapped flex lines of items within the flex container.
CSS – Flexbox – Centering Horizontally and Vertically
November 20, 2022
Using Flexbox, the justify-content property, and align-items property, an element can be centered both horizontally and vertically within it’s parent.
CSS – Flexbox – Specifying the Order of Items
November 20, 2022
The order property determines the order of a flex item. The first flex item to appear in the code does not have to appear as the first item in the layout.
CSS – Flexbox – Specify the Initial Length of Items
November 20, 2022
The flex-basis property specifies the initial length of a flex item.
CSS – Flexbox – Growing the Width of Items
November 20, 2022
The flex-grow property specifies how much a flex item will grow relative to the rest of the flex items to fill their parent container.
CSS – Flexbox – Shrinking the Width of Items
November 20, 2022
The flex-shrink property specifies how much a flex item will shrink relative to the rest of the flex items while filling their parent container.
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.
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!
