Check out a free preview of the full Design for Developers course

The "Layout Exercise" Lesson is part of the full, Design for Developers course featured in this preview video. Here's what you'd learn in this lesson:

Sarah sets up an exercise involving one of the earlier shape composition you created.

Preview
Close

Transcript from the "Layout Exercise" Lesson

[00:00:00]
>> Sarah Drasner: The next thing that you're gonna do is you're gonna do it. [LAUGH] So let's fire up your editors, you can also use CodePen, or whatever. I suggest working off of one of her examples, or one of mine that I just had in the slide deck. All of the slide decks are in the GitHub repo.

[00:00:17]
But you don't have to, if you would rather do the grid from scratch, absolutely cool. It just might get you going a little bit faster. So take one of your compositions that you made and try to recreate it in code. If you have diagonals and stuff, don't worry about doing those yet, we'll work on those together, okay?

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now