Ich verwende React-Photo-Album, um ein Fotoalbum auf meiner Website zu erstellen.

Ich habe mich gefragt, ob es möglich ist, unten einen CSS-Rahmen um das Foto herum festzulegen, aber den Seiten zu folgen, um die unterschiedlichen Höhen zu berücksichtigen?

Was ist aktuell:

Ich stelle mir so etwas vor:

Ich konnte es mithilfe von :last-child in der Klasse „react-photo-album--column“ abrufen:

Aber alles, was ich versuche, führt nur zu einem Rand um den gesamten Container statt des einzelnen Fotos unten.

Ich habe die andere Seite gestylt:

.react-photo-album {
    border-radius: 5px;
    border: 4px solid #86afe1;
    border-bottom: 0;
    padding: 3rem 2rem 2rem;
}

Und Sie können den HTML-Code des Containers hier sehen. Meine Idee ist es, das letzte untergeordnete Element jeder React-photo-album--Spalte anzusprechen, ich weiß nur nicht, wie ich mit den Seiten umgehen soll.