freeCodeCamp/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-buil.../5d822fd413a79914d39e98ce.md

1.1 KiB

id title challengeType dashedName
5d822fd413a79914d39e98ce Passo 6 0 step-6

--description--

Também adicione um box-sizing de border-box para tudo. Isto fará com que a borda que você adicionou não adicione qualquer tamanho aos elementos.

--hints--

Você deve usar a propriedade box-sizing.

assert(new __helpers.CSSHelp(document).isPropertyUsed('box-sizing'));

Você deve fazer uso do seletor pré-existente *.

// Two selectors create two CSSStyleRule objects
assert.equal(new __helpers.CSSHelp(document).getStyleDeclarations('*').length, 1);

Todos os elementos devem ter um box-sizing de border-box.

const astStyles = new __helpers.CSSHelp(document).getStyle('*');
assert.equal(astStyles.boxSizing, 'border-box');

--seed--

--seed-contents--

<!DOCTYPE html>
<html lang="en">    
  <head>
    <meta charset="UTF-8">
    <title>City Skyline</title>
    <link href="styles.css" rel="stylesheet" />
  </head>

  <body>
  </body>
</html>
--fcc-editable-region--
* {
  border: 1px solid black;
}

--fcc-editable-region--