Need help with the gallery display

Code Feedback
1

Hi
I need feedback on my tribute page

Also my gallery images are not displaying horizontally i couldn’t figure it out.
Can anyone help me please?

Thanks
Anu

2

do you mean smth like
.photos
{
display: inline-block;
}
?

3

when i tried
display:inline-block;
the photos are placed horizontally but i am not getting equal width and height of all the photos.
It looks like up and down.

4

Here is your fix:
HTML

    <figure class="photos">
      <div id="img1"></div>
      <figcaption>Mother Teresa with US President Ronald Reagan</figcaption>
    </figure>
    <figure class="photos">
      <div id="img2"></div>
      <figcaption> Mother Teresa with Princess Diana</figcaption>
    </figure>
    <figure class="photos">
      <div id="img3"></div>
      <figcaption> Mother Teresa with Pope John Paul II</figcaption>
    </figure>
    <figure class="photos">
      <div id="img4"></div>
      <figcaption> Mother Teresa with Queen Elizabeth II</figcaption>
    </figure>

CSS

.photos {
  margin: 2px;
  border: 1px solid #334d4d;
  width: 24%;
  height: auto;
  display: inline-block;
}
.photos :hover {
  border: 1px solid #334d4d;
}
.photos img {
  width: 100%;
  height: 100%;
}

#img1{
  background: url("http://www.pravmir.com/wp-content/forum/uploads/2014/08/192348851.jpg") no-repeat;
  height: 300px;
  background-size: cover;
}

#img2{
 background: url("http://media.breitbart.com/media/2016/09/Mother-Teresa-Princess-Diana-AFP-640x480.jpg") no-repeat;
  height: 300px;
  background-size: cover;
}
#img3{
 background: url("http://www.asianews.it/files/img/size3/INDIA_(f)_0426_-_Papa_Madre_Teresa.jpg") no-repeat;
  height: 300px;
  background-size: cover;
}
#img4{
 background: url("https://i2-prod.mirror.co.uk/incoming/article6374597.ece/ALTERNATES/s615b/Queen-Elizabeth-longest-reigning-monarch.jpg") no-repeat;
  height: 300px;
  background-size: cover;
}
figcaption{
  font-size: 20px;
}
5

Hi,
Just wanted to point out that it is “Mother Teresa” instead of “Mother Theresa”

Regards
Kshitijaa Jaglan

6

Thank you it worked.

7

changed it now
thanks