Web Layout with CSS Grid, Flexbox and other Modern Techniques

Nesting

A course by Javier Usobiaga Ferrer , Web designer

Web designer. Barcelona, Spain.
Joined April 2015
99% positive reviews (294)
8,920 students
Audio: Spanish
Spanish · English · Portuguese · German · French · Italian · Polish · Dutch

About the video: Nesting

Overview

“In this lesson we will study how to declare a general grid for our page and how to maintain it consistently when we begin to nest elements. ”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Nesting, 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 what happens when we put a "grid" into another "grid", the nesting So far we have worked with relatively simple grids. And it would be nice to approach a more realistic model. So let's make a classic model of twelve columns. Twelve, I take out the inspector. We can see that we already have a twelve column grid created. A problem that we may not have faced so far is that these twelve columns are based on a "fr", that is, in a portion of the remaining space. That means that, if one of the elements, One of the contents requires more space to visualize, deforms the "t...”

This transcript is automatically generated, so it may contain mistakes.


Course summary for: Web Layout with CSS Grid, Flexbox and other Modern Techniques

  • Level: Advanced
  • 99% positive reviews (294)
  • 8920 students
  • 6 units
  • 25 lessons (2h 16m)
  • 14 downloads
  • Category

    Design, Web & App Design
  • Areas

    CSS, Digital Product Design, HTML, Programming, Web Design, Web Development

Javier Usobiaga Ferrer

Javier Usobiaga Ferrer
A course by Javier Usobiaga Ferrer

Teacher Plus
Web designer

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

Areas
Web Layout with CSS Grid, Flexbox and other Modern Techniques. Design, Web, and App Design course by Javier Usobiaga Ferrer

Web Layout with CSS Grid, Flexbox and other Modern Techniques

A course by Javier Usobiaga Ferrer
Web designer. Barcelona, Spain.
Joined April 2015
  • 99% positive reviews (294)
  • 8,920 students