Web Layout with CSS Grid, Flexbox and other Modern Techniques
Advanced alignments
A course by Javier Usobiaga Ferrer , Web designer
About the video: Advanced alignments
Overview
“In this lesson we will see alternative forms of alignment, such as changing the alignment of a particular element with respect to the general alignment in the cross axis, and a technique to achieve it also in the main axis. ”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Advanced alignments, which is part of the Domestika online course: Web Layout with CSS Grid, Flexbox and other Modern Techniques. Discover new grids and other ways of designing a website with CSS Shapes, variables, and parallax effects.
Partial transcription of the video
“In this lesson we will see alternative alignment forms, how to change the alignment of a single element with respect to the rest in a "flexbox" space. Let's see it. We have seen how cross-axis alignments that if I, for example, have extra space, by default, on the cross axis the elements are aligned with "stretch" "Align-items-stretch". I can also modify this alignment, "align-items-center". But one thing that would be interesting is to alter the alignment of one of these particular elements on the cross axis. And for that we're going to use the "align-self" property. "Align-self", that is,...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Web Layout with CSS Grid, Flexbox and other Modern Techniques
-
Category
Design, Web & App Design -
Areas
CSS, Digital Product Design, HTML, Programming, Web Design, Web Development
Javier Usobiaga Ferrer
A course by Javier Usobiaga Ferrer
Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.
He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.
Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.
In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."
- 99% positive reviews (294)
- 8,920 students
- 25 lessons (2h 16m)
- 16 additional resources (14 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Advanced
- Unlimited access forever
