Lessons by tag «The layout»
We found 20 lessons lessons about the «The layout» in the Hexlet catalog. These lessons on «The layout» are available in the following courses: CSS: Site Adaptability, SASS: Fundamentals of Operations, CSS: Transform (Transform objects).
Get to know the layout using percentages.
Learn about Flex's capabilities when creating adaptive layouts.
Learn about what devices you can apply your styles to.
Learn about the viewport meta tag and how it helps with adaptivity.
Get to know one of the most powerful tools for creating adaptive websites - Media Queries
Learn how to test your site on different devices.
Explore pattern selectors and learn about the extend directive
Learn SASS features that allow you to extend the CSS language a bit
Learn how to use variables in SASS. Learn how to connect files and use the special flag !default
Learn about the ability to skew HTML elements using the skew function of the transform property. To understand the principles of element distortion on several axes
Learn how to scale HTML elements using the scale function of the transform property. Learn about the effect of a scaled element on its neighbors.
Learn CSS course: Transformations. Learn about the studied topics and their application in practice
Learn how to rotate objects using the rotate function. Learn how to select the rotation point of an object using the transform-origin property
To learn how the translate function works and how to use it to move objects on the page
Learn about the concept of three-dimensional space and how it differs from two-dimensional space. Learn to work with the perspective of three-dimensional objects in CSS
Learn to use the previously studied transformations in three-dimensional space. Understand movement, rotation, and scaling along three axes