RESPONSIVIDADE - GALAXIA ALGORITHM

Name

Email

1.

O que são media queries no CSS?

Estruturas que permitem criar tabelas responsivas.

Regras que aplicam estilos dependendo do tamanho da tela.

Tags HTML usadas para organizar layouts.

Funções JavaScript para redimensionar imagens.

2.

No Bootstrap, qual abreviação representa telas médias (≥768px)?

xs

sm

lg

md

3.

O que significa mobile first como boa prática de responsividade?

Criar primeiro o design para celulares e depois expandir para telas maiores.

Priorizar imagens responsivas no layout.

Sempre usar px para tamanhos fixos.

4.

Qual unidade mede em relação ao tamanho da fonte da raiz (html)?

em

%

rem

vh

5.

No Bootstrap, qual é o breakpoint para telas muito grandes (≥1400px)?

lg

xxl

md

xl

6.

O que são breakpoints?

Pontos de interrupção do código JavaScript.

Pontos de recarregamento automático da página.

Funções para manipular imagens responsivas.

Larguras de tela que mudam o estilo do layout via media queries.

7.

O que significa responsividade em um site?

Capacidade de um site responder rapidamente a requisições do servidor.

Capacidade de um site carregar imagens mais leves.

Capacidade de um site se adaptar a diferentes dispositivos e tamanhos de tela.

Capacidade de um site ter menus interativos.

8.

Qual unidade mede em relação ao elemento pai?

vh

em

%

vw

9.

Qual breakpoint é mais comum para tablets?

≤ 480px

481px – 767px

≥ 1367px

768px – 1024px

10.

Qual unidade de medida é fixa e não se adapta ao tamanho da tela?

%

px

em

rem