Filtrar


Questões por página:
Um desenvolvedor front-end precisa construir a barra de navegação de um portal institucional, alinhando horizontalmente o logotipo à esquerda e os links de menu à direita, com distribuição uniforme do espaço entre os itens. Para isso, utiliza um modelo de layout unidimensional do CSS que permite controlar o alinhamento ao longo do eixo principal e do eixo cruzado, conforme o trecho de código a seguir.

Q49.png (565×472)

Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
As bibliotecas de componentes tornaram-se essenciais para proporcionar consistência visual, escalabilidade e eficiência ao fluxo de trabalho entre designers e programadores.

Elas oferecem conjuntos reutilizáveis de elementos de interface baseados em boas práticas de UX/UI, reduzindo retrabalho e promovendo padronização.

Diante disso, assinale a opção que apresenta exclusivamente bibliotecas de componentes visuais amplamente empregadas no front-end atualmente.
Considerando as boas práticas para a criação de interfaces orientada por Mobile-First Design, analise as afirmativas a seguir.

I. É adequado definir inicialmente os estilos CSS para dispositivos móveis e, em seguida, utilizar media queries com max-width para ajustar progressivamente o layout para dispositivos com telas maiores.
II. Tailwind CSS e Bootstrap 5 são dois renomados frameworks para front-end que suportam a abordagem mobile-first.
III. Uma interface responsiva não necessariamente é também mobile-first.

Está correto o que se afirma em
É comum empregarmos media query para ajustar o tamanho da fonte de acordo com a largura da página, como o código a seguir:

Imagem associada para resolução da questão

Entretanto, existe uma função no CSS que permite definir um tamanho de fonte que aumenta com o tamanho do viewport, sendo limitado por um tamanho mínimo e um máximo. Tudo isso em uma única linha e sem uso de media query.

Assinale a opção que corresponde à função CSS descrita.
No contexto de CSS e Media Query, analise as afirmativas a seguir e assinale (V) para a verdadeira e (F) para a falsa.

( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.

As afirmtivas são, respectivamente,