Карта путешествий

Курсы Ссылки и изображения
1

image
image1920×1080 654 KB

Выдает 83%
image
image1920×1080 679 KB

3

Там же относительные ссылки на уже готовые фото. Вы где взяли эти абсолютные ссылки?

Снимок
Снимок1778×822 169 KB

5

Все оказывается намного проще чем я представлял

6

Если тему грид еще не проходил, как решить это задание? нужно просто угадать, или логика есть?

8

Добрый день!

Гриды в этом задании не нужны. Необходимо расположить изображения в правильном порядке.

9

Вы просто по несколько раз пробовали разное расположение картинок или же тут есть какой-то алгоритм?

10

Есть ли какой-то алгоритм или же просто перебором?

11

Тоже ничего не ясно, как их ставить, наугад, пока не попаду в нужные?

12 
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Карта путешествий</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="image-map">
      <img class="pic-1" src="img/4.jpg" alt="Ошибка.">
      <img class="pic-2" src="img/2.svg" alt="Ошибка.">
      <img class="pic-3" src="img/1.png" alt="Ошибка.">
      <img class="pic-4" src="img/8.png" alt="Ошибка.">
      <img class="pic-5" src="img/3.png" alt="Ошибка.">
      <img class="pic-6" src="img/7.png" alt="Ошибка.">
      <img class="pic-7" src="img/5.jpg" alt="Ошибка.">
      <img class="pic-8" src="img/6.jpg" alt="Ошибка.">
    </div>
  </body>
13

Тоже не знал что такое гриды. Зашел в css, посмотрел на все эти 1/2 и все понял, это очень просто. На мой взгляд гораздо проще понять что это такое чем подставлять каждую картинку на угад. Но я не пойму как заполнить alt, что именно я должен там прописать что бы было “правильно”.

15

Может быть вам поможет эта статья) Как правильно написать alt-текст — Блог HTML Academy

16

Кто-нибудь может поделиться решением этого задания? )

Решено.
P.S. Главное в этом задании обратить внимание на расширение файла, в этом вся суть… )