CSS – grid-template-areas Property
The grid-template-areas property specifies areas within a grid layout.
CSS – grid-template-columns Property
The grid-template-columns property specifies the number and widths of columns in a grid layout, where each value is the size of the respective column.
CSS – grid-template-rows Property
The grid-template-rows property specifies the number and heights of rows in a grid layout, where each value is the size of the respective row.
CSS – justify-content Property
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
The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.
CSS – max() Function
The max() function uses the largest value, from a comma-separated list of values, as the property value.
CSS – min() Function
The min() function uses the smallest value, from a comma-separated list of values, as the property value.
CSS – List of Flex Properties
This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.
CSS – List of Grid Properties
This is a quick reference list of CSS grid properties used to create grid templates and style them for a responsive design.
CSS – @media Rule
The @media Rule describes CSS media queries to be used to define style rules for specific device types or a wide range of screen sizes and capabilities.
CSS – Template
This is a CSS template to organize your styles by section, page, product, etc. It also has a sample link to import another style sheet, a sample link to Google Fonts, and several sample media queries.
JavaScript – window.matchMedia() Method
The window.matchMedia() method returns a MediaQueryList with the results from the query.