freeCodeCamp/curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-buildin.../615f2abbe7d18d49a1e0e1c8.md

886 B

id title challengeType dashedName
615f2abbe7d18d49a1e0e1c8 Step 1 0 step-1

--description--

We've provided a basic HTML boilerplate for you.

Create an h1 element within your body element and give it the text Nutrition Facts.

--hints--

You should add a new h1 element.

assert.exists(document.querySelector('h1'));

Your h1 element should be within your body element.

assert(document.querySelector('h1')?.parentElement?.localName === 'body');

Your h1 element should have the text Nutrition Facts.

assert(document.querySelector('h1')?.innerText === 'Nutrition Facts');

--seed--

--seed-contents--

--fcc-editable-region--
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Nutrition Label</title>
  </head>
  <body>

  </body>
</html>
--fcc-editable-region--