Испытание: галерея путешествий. Оформление


#1

Здравствуйте.

Выполнил задание на 95%, но дальше мешает одна штука.

В общем, у меня все три картинки не умещаются на одной строке, если делать ширину у тега “body” в 500px.

Я так понимаю, что проблема в этом пункте задачи:

  • подобрать правильное значение ширины width у абзаца (значение кратно 10 и меньше 500px);

Вот никак не пойму, что мне делать и как исправить этот косяк?




#2

Значение width для абзаца МЕНЬШЕ 500 и кратно 10
В html тег абзаца- “p” Обратите внимание на ваш селектор p {…} в css файле.
Что касаемо картинок они у вас “уехали” потому что вы урезали ширину тела(body) до 500 которую трогать совсем не нужно было. (верните до исходных 550px)

<img src="files/greece.jpg" width="140" height="200" alt="Греция">
      <img class="new" src="files/japan.jpg" width="150" height="170" alt="Япония">
      <img src="files/turkey.jpg" width="170" height="130" alt="Турция">

Для наглядности посчитайте ширину всех картинок 200+150+130=480
Плюс отступы с права у каждой картинки

.gallery img {
margin-right: 10px;
vertical-align: top;
border-radius: 20px; }

480+30=510px
У вас ширина родителя body 500px поэтому 3 картинка и не влазит.