Web Layout with CSS Grid, Flexbox and other Modern Techniques
Automatic responsive grid
A course by Javier Usobiaga Ferrer , Web designer
About the video: Automatic responsive grid
Overview
“Combining the functions of repeat () and minmax () we can propose a grid that adapts to different screen sizes in a very automatic way and without the need to use media queries. ”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Automatic responsive grid, 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 some reticle functions that allow us to optimize the adaptation "responsive" of our page, all without to use "media-quiz" . We will continue to explore the possibilities when creating a "template". We keep working with columns, but, obviously, almost everything we say can also be applied to the "rows" or the rows. We have seen that with the function of "repeat" we can indicate that a structure of columns be repeated, for example, four or five times and have a width of 1 fr. And this generates a structure of five columns. We have also seen that we could give it fi...”
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
