Mahir freeCodeCamp • workshop-flexbox-photo-gallery

Step 16: The `align-items` property positions the flex content along...

Ringkasan Tantangan

The `align-items` property positions the flex content along the cross axis. In this case, with your `flex-direction` set to `row`, your cross axis would be vertical.

The align-items property positions the flex content along the cross axis. In this case, with your flex-direction set to row, your cross axis would be vertical.

To vertically center your images, give your .gallery selector an align-itemsproperty withcenter` as the value.

💡 Lihat Solusi

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}