Вивчіть доступність, створивши вікторину - Крок 3

Українська HTML-CSS
1

Розкажіть нам, що сталося:
Адаптивний вебдизайн
" Крок 3

Продовжуючи з елементами meta: дефініція viewport розповідає браузеру, як зобразити сторінку. Це одна з речей, що покращує візуальну доступність на мобільних пристроях та удосконалює SEO (пошукову оптимізацію сайту).

Додайте здатність viewport з атрибутом content, деталізуючи width та initial-scale сторінки."

Результат в консолі:
// запущені тести

Ви повинні створити інший елемент meta в head

. // виконані тести

Шо не так? Meta створив новий в head. Все прописав…

Ваш код

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>

<!-- User Editable Region -->


  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

Інформація про ваш браузер:

Агент користувача: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Завдання: Вивчіть доступність, створивши вікторину - Крок 3

Посилання на завдання:

2

у мене ваш код проходить.
та він правильний

<meta name="viewport" content="width=device-width, initial-scale=1" />

спробуйте, будь ласка, натиснути на скинути (reset)
та спробуйте ще раз

3

Скидання не допомагає. Допомоглао зробите це у Crome, а у Firefox не проходило…