Files
Oliver Eyton-Williams 36363f277d test: enable tests for steps (#44550)
* fix: handle missing solutions correctly

Rather than creating an [[]] the parser now creates [] which isEmpty().
This makes the test suite check the next challenge for a solution.

In addition, the logic for testing solutions was fixed.

* chore: update snapshots

* test: build new superblock in node.js-tests CI

* test: allow forward slash in superblock slug

* fix: borked tests oops

* test: ignore duplicated projects

* fix: i did not break these shaun did :)

* fix: idIndex is index of id not id

Co-authored-by: Nicholas Carrigan <nhcarrigan@gmail.com>
2021-12-22 12:18:06 -08:00

68 lines
1.1 KiB
Markdown

---
id: 5f3477ae8466a9a3d2cc953c
title: Step 16
challengeType: 0
dashedName: step-16
---
# --description--
Now that you have the CSS in the `styles.css` file, go ahead and remove the `style` element and all its content. Once it is removed, the text that was centered will shift back to the left.
# --hints--
You should not have any `style` tags in your code.
```js
assert(!code.match(/style/i));
```
You should not have any CSS selectors in your HTML file.
```js
(getUserInput) => {
const html = getUserInput('editableContents');
assert(!html.includes('style'));
assert(!html.includes('text-align'));
}
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html>
--fcc-editable-region--
<head>
<meta charset="utf-8" />
<title>Camper 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;
}
```