The Implicit Grid 2 exercises

Grid Direction Exercise

Consider this starting layout:


There are eight boxes that are being added to the grid in the same numerical order a

Loading exercise


0:00 It's time for another exercise. This one's a bit different. It's simple enough. There's only a single thing I'm asking you to change. It's easiest if I show you the before and the after.

0:11 This is what our version looks like, the starter code version, where we have a grid of boxes. It doesn't really matter how many, but I guess there's eight boxes. They're numbered, and that does matter because if you look at the order they're in, they're numbered in the document in that same order -- ONE, TWO, THREE, FOUR, FIVE, SIX, SEVEN, EIGHT.

0:30 These numbers tell us the order that they're being filled into the grid and the direction, right? You can see ONE, then TWO, then THREE then FOUR, then FIVE and so on.

0:40 This is the current behavior. What I want to happen is, I want it to look like this. You'll need to change a property on the grid container itself so that the elements follow this pattern. That's all that I'm going to say because there's only a couple of choices. I don't want to give it away, all right?

0:57 This is what we have right now. This is what I would like to get as the solution. Look at the numbers. Look at how they flow and figure out what you need to change on the container.