Mahir freeCodeCamp • workshop-flexbox-photo-gallery

Step 13: Flexbox has a main and cross axis

Flexbox has a main and cross axis. The main axis is defined by the `flex-direction` property, which has four possible values:

Flexbox has a main and cross axis. The main axis is defined by the flex-direction property, which has four possible values:

Note: The axes and directions will be different depending on the text direction. The values shown are for a left-to-right text direction.

Try the different values to see how they affect the layout.

When you are done, set an explicit flex-direction of row on the .gallery element.

💡 Lihat Solusi

.gallery {
  display: flex;
  flex-direction: row;
}