Questionário sobre design responsivo para a web

O que são breakpoints em responsive web design?

Qual dos seguintes NÃO é um breakpoint usado para dispositivos menores?

Qual é o principal objetivo de usar media queries em design responsivo para web?

Qual recurso de mídia em uma consulta de mídia verifica a largura da janela do navegador?

O que o seguinte código fará?

@media screen and (min-width: 768px) {
  /* Styles go here */
}

O que o design mobile-first enfatiza?

Qual media query aplicará estilos quando a largura do dispositivo estiver entre 600px e 1200px?

Qual dos seguintes NÃO é um tipo de mídia válido?

Qual dos seguintes tipos de mídia é destinado a material paginado e documentos visualizados em uma tela no modo de visualização de impressão?

O que o aspect-ratio faz em media queries?

Qual dos seguintes é usado para indicar se o dispositivo está na orientação landscape ou portrait?

Qual dos seguintes é comumente usado para direcionar telas de desktop e maiores?

Qual dos seguintes é usado para detectar se o usuário solicitou um tema de cor claro ou escuro?

Qual dos seguintes é usado para testar se o mecanismo de entrada primário pode pairar sobre os elementos?

Qual dos seguintes NÃO é um tipo de operador lógico que você pode usar com media queries?

Qual dos seguintes breakpoints é comumente usado para tablets em design responsivo para web?

Qual das seguintes é a maneira correta de aplicar o aspect-ratio em uma media query?

Qual propriedade CSS é usada para criar um layout que se ajusta com base no tamanho da tela sem media queries?

Quais dos seguintes podem ser usados para direcionar telas em modo paisagem de 768px ou maiores?

Qual é o tipo de mídia padrão se nenhum tipo de mídia for especificado?

Qual unidade CSS é comumente usada em design responsivo para criar layouts fluidos?

Qual é o propósito principal de usar media queries em design responsivo para web?

Qual valor CSS de width faz com que um elemento escale proporcionalmente com a largura do seu contêiner pai, tornando-o adequado para design responsivo?

Qual dos seguintes é um exemplo de uma media feature que pode ser usada em uma media query?

A que se aplica a media query @media screen and (max-width: 768px)?

Qual dos seguintes recursos de media query direciona dispositivos com uma resolução de tela de pelo menos 300dpi?

Qual das seguintes media features você usaria para aplicar estilos somente quando um dispositivo não suporta interações de hover?

Qual das seguintes é uma maneira válida de direcionar dispositivos com orientação retrato usando uma media query?

Qual recurso de media query é usado para aplicar estilos com base na resolução do dispositivo?

Qual é o propósito da query @media (hover: hover) no CSS?

Qual recurso de mídia permite aplicar estilos apenas em telas de alta densidade de pixels como as telas Retina?

Qual palavra-chave pode ser usada em media queries para combinar múltiplas condições?

Qual técnica de CSS é comumente usada com media queries para aplicar estilos apenas sob condições específicas?

Qual técnica de CSS ajuda a garantir que as imagens escalem proporcionalmente em diferentes tamanhos de tela?

Qual é o propósito da query @media screen and (min-resolution: 300dpi)?

Qual das seguintes afirmações é verdadeira sobre a abordagem mobile-first no design responsivo?

Qual recurso de media query é usado para detectar a orientação da tela (landscape ou portrait)?

O que a feature de mídia prefers-color-scheme detecta?

O que a media feature orientation detecta?

Qual é a sintaxe correta para aplicar estilos em dispositivos com densidade de pixels de pelo menos 2x?

Questionário sobre design responsivo para a web

Concluído!