1.1 KiB
1.1 KiB
id | title | challengeType | dashedName |
---|---|---|---|
5f3477ae8466a9a3d2cc953c | Part 16 | 0 | part-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.
assert(!code.match(/style/i));
You should not have any CSS selectors in your HTML file.
const html = code.split('<!DOCTYPE html>')[1];
assert(!html.includes('style'));
assert(!html.includes('text-align'));
--seed--
--seed-contents--
<!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>
h1, h2, p {
text-align: center;
}