Lessons by tag «CSS adaptivity»
Learn about flex containers and how to define a master axis for rendering elements
Learn the ways of aligning elements along the main axis inside a flex-container. Discover the justify-content property
Explore the properties when dealing with elements inside Flex containers. Learn the properties order and align-self
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 about what devices you can apply your styles to
Learning about the viewport meta tag and how it helps with adaptivity
Learning how to test your site on different devices
Getting to know the layout using percentages
Getting to know Media Queries, one of the most powerful tools for creating adaptive websites
Learning about the course on adaptive makeup
Learning about Flex's capabilities when creating adaptive layouts
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