# Aprenda acessibilidade criando um questionário - Passo 3

**URL:** <https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940>\
**Category:** General\
**Tags:** português\
**Created:** [July 20, 2022, 5:09pm UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940 "2022-07-20T17:09:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrebritow](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/andrebritow/32/273575_2.png) [@andrebritow](https://forum.freecodecamp.org/u/andrebritow)\
**Post date:** [July 20, 2022, 5:09pm UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940/1 "2022-07-20T17:09:39Z")

</div>

**Conte-nos o que está acontecendo:**  
Olá pessoal! Como adicionar uma tag “meta” com os atributos “content” de width e scale? Fiquei com dúvudas no enunciado e não me recordo se já fiz isso em projetos anteriores. Travei neste ponto.

```
  **Seu código até o momento**

```

```html
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport">
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="styles.css" />
</head>
<body>

</body>
</html>

```

```css
/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

```

```
  **Informações de seu navegador:**

```

Agente de usuário: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36`

**Desafio:** Aprenda acessibilidade criando um questionário - Passo 3

**Link para o desafio:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/portuguese/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-3)**
>
> Aprenda a programar — de graça

---

<div class="post-metadata">

**Author:** ![praxeds](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/praxeds/32/272804_2.png) [@praxeds](https://forum.freecodecamp.org/u/praxeds)\
**Post date:** [July 20, 2022, 5:38pm UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940/2 "2022-07-20T17:38:00Z")

</div>

Eu procurei aqui no currículo do FCC e esse meta já apareceu em alguns projetos como o Cafe Menu e o Formulário de Registro. Esse meta como de costume vai sempre no `<head>` e é escrito como:

```auto
<meta name="viewport" content="width=device-width, initial-scale=1">

```

Você pode ler mais sobre esse meta tag e sua importância [aqui](https://www.w3schools.com/css/css_rwd_viewport.asp), mas basicamente ele é essencial se você quer fazer um site responsivo porque ele faz o conteúdo da página se adequar à largura do viewport de cada dispositivo.

Eu pessoalmente nunca lembro os atributos exatos pra colocar então eu sempre dou uma pesquisada no google e mando um ctrl+c ctrl+v no meu código 😂

---

<div class="post-metadata">

**Author:** ![andrebritow](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/andrebritow/32/273575_2.png) [@andrebritow](https://forum.freecodecamp.org/u/andrebritow)\
**Post date:** [July 20, 2022, 11:14pm UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940/3 "2022-07-20T23:14:12Z")

</div>

Muito obrigado praxeds! Vocês da comunidade são os melhores.

---

<div class="post-metadata">

**Author:** ![danielrosa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/danielrosa/32/227263_2.png) [@danielrosa](https://forum.freecodecamp.org/u/danielrosa)\
**Post date:** [July 21, 2022, 11:50am UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940/4 "2022-07-21T11:50:53Z")

</div>

Olá, @andrebritow e boas-vindas ao fórum do freeCodeCamp. Como @praxeds já deu o auxílio (valeu, @praxeds), estou enviando essa mensagem apenas para avisar que movi o tópico para a seção correta no português (de auxílio ao HTML e CSS) em função da pergunta e do tópico estarem em português. Espero que não se importe. Que ótimo que a solução já foi encontrada! Bons estudos! 😃

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [January 19, 2023, 11:51pm UTC](https://forum.freecodecamp.org/t/aprenda-acessibilidade-criando-um-questionario-passo-3/531940/5 "2023-01-19T23:51:38Z")

</div>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.