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

68 lines
1.3 KiB
Markdown

---
id: 5f3477ae8466a9a3d2cc953c
title: Крок 16
challengeType: 0
dashedName: step-16
---
# --description--
Оскільки тепер ви маєте CSS в файлі `styles.css`, вилучіть елемент `style` та весь його вміст. Текст, що був зцентрований, зміститься ліворуч одразу після вилучення.
# --hints--
Ви не повинні мати жодних теґів `style` в своєму коді.
```js
assert(!code.match(/style/i));
```
Ви не повинні мати селекторів CSS в файлі HTML.
```js
(getUserInput) => {
const html = getUserInput('editableContents');
assert(!html.includes('style'));
assert(!html.includes('text-align'));
}
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<style>
h1, h2, p {
text-align: center;
}
</style>
</head>
--fcc-editable-region--
<body>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<main>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
```
```css
h1, h2, p {
text-align: center;
}
```