Files
freeCodeCamp/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md
Naomi Carrigan 16e7cdedb1 feat: migrate filenames to IDs (#45146)
* feat: migrate filenames to IDs

* feat: migrate balance sheet file names

* revert: no id name for cert projects

* fix: i swear i know what i'm doing
2022-03-02 09:06:00 -06:00

71 lines
1.1 KiB
Markdown

---
id: 5f344fbc22624a2976425065
title: Step 10
challengeType: 0
dashedName: step-10
---
# --description--
Create an `h2` element in the `section` element and give it the text `Coffee`.
# --hints--
You should have an opening `<h2>` tag.
```js
assert(code.match(/<h2\s*>/i));
```
You should have a closing `</h2>` tag.
```js
assert(code.match(/<\/h2\s*>/i));
```
You should not change your existing `section` element. Make sure you did not delete the closing tag.
```js
assert($('section').length === 1);
```
Your `h2` element should be within your `section` element.
```js
const h2 = document.querySelector('h2');
assert(h2.parentElement.tagName === 'SECTION');
```
Your `h2` element should have the text `Coffee`.
```js
const h2 = document.querySelector('h2');
assert(h2.innerText === 'Coffee');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Camper Cafe Menu</title>
</head>
<body>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<main>
--fcc-editable-region--
<section>
</section>
--fcc-editable-region--
</main>
</body>
<html>
```