Files
freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/css-picasso-painting/step-004.md
Nicholas Carrigan (he/him) b36cdbafd1 chore: rename "part" to "step" (#43934)
* chore: rename part to step

* chore: update metas

* chore: more renaming

* chore: update tooling

* chore: update frontmatter

* chore(tools): title testing
2021-10-21 18:07:52 +01:00

1.3 KiB

id, title, challengeType, dashedName
id title challengeType dashedName
60b69a66b6ddb80858c5157a Step 4 0 step-4

--description--

FontAwesome is a library of SVG-powered icons, many of which are freely available to use. You will be using some of these icons in this project, so you will need to link the external stylesheet to your HTML.

Add a link element with a rel of stylesheet and an href of https://use.fontawesome.com/releases/v5.8.2/css/all.css.

--hints--

You should add another link element.

// We set this to 1 because the CSS link is stripped from the code by our parser.
assert(document.querySelectorAll('link').length === 2);

Your link element should have a rel of stylesheet.

assert(document.querySelector('link')?.getAttribute('rel') === 'stylesheet');

Your link element should have an href of https://use.fontawesome.com/releases/v5.8.2/css/all.css.

assert(document.querySelectorAll('link')?.[1]?.getAttribute('href') === 'https://use.fontawesome.com/releases/v5.8.2/css/all.css')

--seed--

--seed-contents--

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>freeCodeCamp Picasso Painting</title>
    <link rel="stylesheet" type="text/css" href="./styles.css" />
    --fcc-editable-region--

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