Mahir freeCodeCamp • workshop-flexbox-photo-gallery

Step 5: In order to better visualize how your elements...

In order to better visualize how your elements are sized, adding a border can be helpful.

Give your .gallery element a width of 50% and a border set to 5px solid red.

Then give your img elements a width of 100%, padding set to 5px, and a border set to 5px solid blue.

💡 Lihat Solusi

.gallery {
  width: 50%;
  border: 5px solid red;
}

img {
  width: 100%;
  padding: 5px;
  border: 5px solid blue;
}