Web Layout with CSS Grid, Flexbox and other Modern Techniques
Content properties
A course by Javier Usobiaga Ferrer , Web designer
About the video: Content properties
Overview
“Making an element grow until occupying the available space, reducing it when there is not enough space or changing its order are some of the manipulations that we can apply to the elements that are placed in a flex space. ”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Content properties, 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
“The elements within a "flex" space may have different compartments. They can grow when there is room to spare, shrink when there is not enough space or they could even change the order. Let's see how it works. Let's now focus on the content properties of each of these elements. And the first thing we're going to see is "flex-grow." "Flex-grow" is the property that allows a box to grow when there is space within a "flex" space. In this case, each one of them adds a "flex-grow" of one and, therefore, all will grow when they have more space. We open the screen and the remaining space is distri...”
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