Part V: Advanced Grids for Pixel-Perfect Designs

Take your designs to the next level: tackle complex designs with Advanced Grids!

rate limit

Code not recognized.

About this course

Being able to manipulate your design elements using Advanced Grids is an incredibly powerful skill to have at your disposal. 

Designs with unique layouts that might have taken hours to code to display properly across devices are now able to be built with just a few clicks. We'll show you how!

Join us as we use an Advanced Grid to update the 'About' section in the carpentry site that we're building together.

 

At the end of this course, you'll be able to:

  • understand how widgets behave when placed inside an advanced grid
  • describe the differences between advanced grids vs. inner columns
  • identify when to use advanced grids 
  • practice manipulating elements within an advanced grid to match a mockup

 

For a better experience, you should have:

 

Classic Editor users:

Looking to learn about the Editor 2.0 capabilities presented in this course?

If you are jumping into this course without completing the previous courses in the learning path, be sure to complete the following before you start this course:

Curriculum1 hour course

  • Editor lesson
  • Intro to Advanced Grids
  • Practice
  • The About section
  • → Your turn: Configure the About section
  • Activity Checkpoint

About this course

Being able to manipulate your design elements using Advanced Grids is an incredibly powerful skill to have at your disposal. 

Designs with unique layouts that might have taken hours to code to display properly across devices are now able to be built with just a few clicks. We'll show you how!

Join us as we use an Advanced Grid to update the 'About' section in the carpentry site that we're building together.

 

At the end of this course, you'll be able to:

  • understand how widgets behave when placed inside an advanced grid
  • describe the differences between advanced grids vs. inner columns
  • identify when to use advanced grids 
  • practice manipulating elements within an advanced grid to match a mockup

 

For a better experience, you should have:

 

Classic Editor users:

Looking to learn about the Editor 2.0 capabilities presented in this course?

If you are jumping into this course without completing the previous courses in the learning path, be sure to complete the following before you start this course:

Curriculum1 hour course

  • Editor lesson
  • Intro to Advanced Grids
  • Practice
  • The About section
  • → Your turn: Configure the About section
  • Activity Checkpoint