Lessons by tag «CSS adaptivity»

Learn about the Flexible Box concept, its advantages and use cases

Learn the ways of aligning elements along the main axis inside a flex-container. Discover the justify-content property

Meet the Flexbox course

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 how to align items along a perpendicular axis inside a flex-container. Discover the alignment-items property.

Learn about flex containers and how to define a master axis for rendering elements

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

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