Quiz sobre Design Responsivo e CSS

O que é o Bootstrap?

• Uma ferramenta de design para editar imagens

• Um framework backend para aplicações web

• Um framework front-end para facilitar a criação de sites e aplicações web

• Um tipo de linguagem de programação

• Um sistema de gerenciamento de banco de dados

Quando o menu hambúrguer é mais útil em um projeto?

• Quando não há necessidade de esconder itens

• Quando há muitos itens que precisam ser escondidos

• Quando o design é feito apenas para desktops

• Quando se usa um design muito simples

• Quando se quer evitar o uso de JavaScript

O conceito de design responsivo ganhou mais atenção devido ao crescimento de quais dispositivos?

• Laptops

• Dispositivos móveis, como tablets e celulares

• Computadores de mesa

• Impressoras

• Consoles de videogame

O que são Media Queries no CSS?

• Um tipo de banco de dados

• Funções de JavaScript para interatividade

• Propriedades que identificam a mídia e atribuem estilos específicos

• Métodos de otimização de imagens

• Comandos de programação de back-end

Qual das alternativas é um benefício de um site responsivo?

• Diminuição da taxa de rejeição

• Aumento da taxa de rejeição

• Redução do tempo de carregamento de scripts JavaScript

• Menos compartilhamentos nas redes sociais

• Aumento do tamanho das imagens

O que a propriedade `@media (max-width: 480px)` faz no CSS?

• Define o fundo como azul para telas menores que 480px de largura

• Define o fundo como vermelho para telas com largura até 480px

• Exibe texto escondido em telas pequenas

• Altera a cor de fundo para verde

• Ajusta o tamanho da fonte para 48px

O que acontece quando a largura da tela é maior que 480px mas menor que 767px no exemplo dado?

• A cor de fundo muda para vermelho

• A cor de fundo muda para verde

• O texto desaparece

• O texto aparece em negrito

• O fundo fica amarelo

O que acontece quando a largura da tela é entre 768px e 1023px no exemplo dado?

• A cor de fundo muda para azul

• O tamanho da fonte fica em 24px

• O texto desaparece

• A cor de fundo fica verde

• A cor de fundo fica amarela

No exemplo fornecido, qual a cor de fundo quando a largura da tela é superior a 1024px?

• Vermelho

• Verde

• Azul

• Amarelo

• Branco

O que significa a propriedade `width=device-width` no CSS?

• Define a largura do site em pixels

• Define a largura da viewport baseada na largura do dispositivo

• Define a largura do conteúdo em porcentagem

• Define a largura da tela de forma fixa

• Ajusta a largura apenas para telas de alta resolução