freeCodeCamp/curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-.../60a3e3396c7b40068ad6996a.md

1.0 KiB

id title challengeType dashedName
60a3e3396c7b40068ad6996a Step 1 0 step-1

--description--

By now, you should be familiar with the basic elements an HTML page should have.

Set up your code with a DOCTYPE declaration, an html element, a head element, and a body element.

--hints--

Your code should have a <!DOCTYPE html> declaration.

assert(code.match(/<!DOCTYPE html>/i));

Your code should have an html element.

assert(document.querySelectorAll('html').length === 1);

Your code should have a head element within the html element.

assert(document.querySelectorAll('head').length === 1);

Your code should have a body element within the html element.

assert(document.querySelectorAll('body').length === 1);

Your head element should come before your body element.

assert(document.querySelector('body').previousElementSibling.tagName === 'HEAD');

--seed--

--seed-contents--

--fcc-editable-region--

--fcc-editable-region--