Quiz – Design Responsivo e Media Queries

O que é um site responsivo?

• Um site que muda o conteúdo a cada acesso

• Um site que só funciona em computadores

• Um site que se adapta a diferentes tamanhos de tela

• Um site feito apenas com HTML

• Um site sem imagens

O que são media queries no CSS?

• Funções em JavaScript

• Condições que aplicam estilos conforme o dispositivo

• Tags HTML de cabeçalho

• Arquivos de imagem

• Linhas de código PHP

Qual é o principal objetivo do design responsivo?

• Aumentar o número de páginas

• Deixar o site mais colorido

• Garantir boa experiência em qualquer dispositivo

• Criar animações

• Usar menos CSS

O que significa breakpoint?

• Um erro no código

• Um ponto de mudança no layout conforme a tela

• Uma tag HTML

• Um arquivo de imagem

• Um tipo de fonte

Qual unidade é mais usada em design responsivo?

• px

• cm

• %

• mm

• in

Como se define uma media query para telas menores que 768px?

• @media (min-width: 768px)

• @media (max-width: 768px)

• @media screen

• @media device-width

• @media only

O que é viewport?

• Parte invisível do código

• Área visível da página na tela do dispositivo

• Uma cor no CSS

• Um tipo de fonte

• Um arquivo JavaScript

Em qual arquivo geralmente se colocam as media queries?

• HTML

• CSS

• JS

• JSON

• XML

O termo landscape significa:

• Modo retrato

• Modo paisagem

• Modo leitura

• Tela pequena

• Tela vertical

O termo portrait significa:

• Modo horizontal

• Modo paisagem

• Modo vertical

• Tela escura

• Tela grande