freeCodeCamp/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-flexbox-by-buildi.../61537c5f81f0cf325b4a854c.md

1.5 KiB

id title challengeType dashedName
61537c5f81f0cf325b4a854c Крок 4 0 step-4

--description--

Додайте елемент header в елемент body та призначте йому клас header.

Всередині header створіть h1 з текстом css flexbox photo gallery.

--hints--

Ви повинні мати елемент header в межах елемента body.

assert.exists(document.querySelector('body')?.querySelector('header'));

Ваш елемент header повинен мати class зі значенням header.

assert(document?.querySelector('body')?.querySelector('header')?.classList?.contains('header'));

Ваш елемент header повинен мати елемент h1 всередині.

assert.exists(document.querySelector('.header')?.querySelector('h1'));

Ваш елемент h1 повинен мати текст css flexbox photo gallery всередині.

assert(document?.querySelector('.header')?.querySelector('h1')?.innerText === 'css flexbox photo gallery');

--seed--

--seed-contents--

--fcc-editable-region--
<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photo Gallery</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
  </body>
</html>
--fcc-editable-region--