Problemy z galerią zdjęć w CSS

pytanie zadane 29 kwietnia 2018 w HTML i CSS przez Henio Wołek Nowicjusz (130 p.)
edycja 30 kwietnia 2018 przez draghan

Witam! Jestem tu nowy, więc z góry przepraszam, jeśli temat nie taki. Przejde do sedna. Problem jest taki: na jednej z podstron stworzyłem ładną galerię CSS(kod poniżej)

<figure class="photo">
<img src="C:\Users\Admin\Desktop\do_zamiany_ulotka.jpg"
alt="Tekst"
<fligcaption>
Tekst
</fligcaption>
</figure>

<figure class="photo">
<img src="C:\Users\Admin\Desktop\Zdjecia\wprowadzenie_do_eksploatacji_nowoczesnych_trolejbusów.jpg"
alt="Tekst"
<fligcaption>
Tekst
</figure>

<figure class="photo">
<img src="C:\Users\Admin\Desktop\P1010038.JPG"
alt="Tekst"
<fligcaption>
Tekst
</fligcaption>
</figure>

<figure class="photo">
<img src="C:\Users\Admin\Desktop\Marcin Wołek strona internetowa\Obrazki\Zdjecia\rowe4r.jpg"
alt="Tekst"
<fligcaption>
Tekst
</fligcaption>
</figure>

<figure class="photo">
<img src="C:\Users\Admin\Desktop\2012-12-30 12.45.53.jpg"
alt="Tekst"
<fligcaption>
Tekst
</fligcaption>
</figure>

Kod CSS:

.photo {
  margin: 10px 0;
  width: 360px;
  background: white;
  padding: 10px;
  opacity: 0.7;
  border-radius: 5px;
  border: 1px solid silver;
  box-sizing: border-box;
  
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  
  transform: rotate(5deg);
  transition: 0.3s all ease-in-out;
  will-change: transform;
  align-items: flex-start;
}

Natomiast gdy próbuje stworzyć taką samą galerię, to zdjęcia są rozciągnięte na całą stronę(mają swoją szerokość, mimo to że należą do klasy "photo", a ona mówi, że mają mieć daną szerokość). Nie ma też obramowań, a w pierwszej galerii były. W czym może tkwić problem?

komentarz 29 kwietnia 2018 przez RafalS VIP (122,820 p.)

Wrzuć kod w blok. Przycisk {...} W prawym dolnym rogu tego panelu.

komentarz 30 kwietnia 2018 przez Mariusz08 Maniak (62,300 p.)

Kod bez bloczka

1 odpowiedź

odpowiedź 29 kwietnia 2018 przez pietia213 Dyskutant (8,110 p.)

Z tego co wyczuwam to chcesz zrobić duplikat strony. Sprawdź sobie czy w tym duplikacie jest CSS podpięty w head i powodzenia.

1	komentarz 30 kwietnia 2018 przez Henio Wołek Nowicjusz (130 p.) Dzięki! Dopiero po twojej odpowiedzi się skapnąłem że nie ma css-a w <head>. jeszcze raz dziekuje!