mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
Bind Pratap Singh
1.1 KiB
1.1 KiB
id, title, challengeType, dashedName, demoType
| id | title | challengeType | dashedName | demoType |
|---|---|---|---|---|
| 5f33294a6af5e9188dbdb8f3 | Step 1 | 0 | step-1 | onLoad |
--description--
In this workshop, you will practice the basics of CSS (Cascading Style Sheets) by building a cafe menu.
Start by adding some menu content. Add a main element within the existing body element. It will eventually contain pricing information about coffee and desserts offered by the cafe.
--hints--
Your code should have an opening <main> tag.
assert.match(code, /<main>/i);
Your code should have a closing </main> tag.
assert.match(code, /<\/main>/i);
You should not change your body element. Make sure you don't accidentally delete your closing tag.
assert.lengthOf(document.querySelectorAll('body'), 1);
Your main tag should be within your body tag.
const main = document.querySelector('main');
assert.equal(main.parentElement.tagName, 'BODY');
--seed--
--seed-contents--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
</head>
<body>
--fcc-editable-region--
--fcc-editable-region--
</body>
</html>