Lessons by tag «Layout»
Learn about ways to wrap elements within a flex-container. Learn how to use the flex-wrap property
Explore the properties when dealing with elements inside Flex containers. Learn to use the flex-shrink, flex-basis, and flex properties
Learn about the Flexible Box concept, its advantages and use cases
Learn how to align items along a perpendicular axis inside a flex-container. Discover the alignment-items property.
Explore the properties when dealing with elements inside Flex containers. Learn to use the Flex-grow property.
Learning the properties that allow you to arbitrarily arrange elements within a grid
Learning the concepts of grids and their components in CSS Grid Layout
Learning the differences between the explicit and implicit grid, grid-auto-rows and grid-auto-columns
Studying the effect of positioning properties and z-index when used within a grid
Getting to know the Grid concept, the key points and differences from Flex
Learning about the properties that allow you to create grids using CSS Grid Layout
Learning about the indentation between strips and the alignment of the grid strips
Learning about loops and the differences between different types of loops in the SASS preprocessor
Introducing some logic into functions and mixins, learning more about the if/else statement, comparison operators, and logical operators
Learn about new data types, such as lists and associative arrays
Learning how to create your functions using the SASS preprocessor
Learning about the additional features of hagfish
Learning how to work with primitive data types in SASS