freeCodeCamp/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-b.../60b69a66b6ddb80858c5157a.md

1.3 KiB

id title challengeType dashedName
60b69a66b6ddb80858c5157a Passo 4 0 step-4

--description--

FontAwesome é uma biblioteca de ícones que utiliza SVG, muitos deles estão livremente disponíveis para uso. Você usará alguns desses ícones no projeto, então precisará associar a folha de estilos externa ao HTML.

Adicione um elemento link com um rel de stylesheet e um href de https://use.fontawesome.com/releases/v5.8.2/css/all.css.

--hints--

Você deve ter dois elementos link.

assert(document.querySelectorAll('link').length === 2);

O elemento link deve ter o atributo rel com o valor stylesheet.

assert(document.querySelectorAll('link')?.[1]?.getAttribute('rel') === 'stylesheet');

O elemento link deve ter para o atributo href o valor de 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 lang="en">
  <head>
    <meta charset="utf-8">
    <title>Picasso Painting</title>
    <link rel="stylesheet" href="./styles.css" />
    --fcc-editable-region--

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