freeCodeCamp/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-basic-css-by-building.../5f332b23c2045fb843337579.md

1.2 KiB

id title challengeType dashedName
5f332b23c2045fb843337579 Крок 7 0 step-7

--description--

Оскільки доданий в минулому кроці елемент p надає додаткову інформацію про кафе, вкладіть елементи h1 та p в елемент header.

--hints--

Ви повинні мати початковий теґ <header>.

assert(code.match(/<header>/i));

Ви повинні мати кінцевий теґ </header>.

assert(code.match(/<\/header>/i));

Ваш елемент h1 повинен бути вкладеним в елементі header.

const header = document.querySelectorAll('header')[0];
assert(header.children[0].tagName === 'H1');

Ваш елемент p повинен бути вкладеним в елементі header.

const header = document.querySelectorAll('header')[0];
assert(header.children[1].tagName === "P");

--seed--

--seed-contents--

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
  </head>
  <body>
--fcc-editable-region--
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
--fcc-editable-region--
  </body>
</html>