Desafio: Inspecionar Layout Adaptativo
Tarefa
Avaliar a responsividade e adaptabilidade do site que apresenta informações sobre diferentes alimentos. A página está atualmente projetada para ser responsiva na primeira parte e adaptativa na segunda parte. Existem 4 pontos de breakpoint a serem considerados:
300px: Smartphones pequenos.480px: Smartphones grandes.720px: Tablets.1200px: Desktops.
Abra a página em uma nova janela utilizando o botão "Abrir visualização em nova janela" no canto inferior esquerdo do sandbox. Altere a largura do viewport e observe as diferenças no layout e nos estilos em cada breakpoint.
Nota
Se precisar de ajuda sobre como proceder, há instruções em uma gravação abaixo do sandbox.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
What are the main differences between responsive and adaptive design on this website?
Can you explain how the layout changes at each breakpoint?
Which part of the website uses responsive design and which part uses adaptive design?
Incrível!
Completion taxa melhorada para 2.08Desafio: Inspecionar Layout Adaptativo
Deslize para mostrar o menu
Tarefa
Avaliar a responsividade e adaptabilidade do site que apresenta informações sobre diferentes alimentos. A página está atualmente projetada para ser responsiva na primeira parte e adaptativa na segunda parte. Existem 4 pontos de breakpoint a serem considerados:
300px: Smartphones pequenos.480px: Smartphones grandes.720px: Tablets.1200px: Desktops.
Abra a página em uma nova janela utilizando o botão "Abrir visualização em nova janela" no canto inferior esquerdo do sandbox. Altere a largura do viewport e observe as diferenças no layout e nos estilos em cada breakpoint.
Nota
Se precisar de ajuda sobre como proceder, há instruções em uma gravação abaixo do sandbox.
Obrigado pelo seu feedback!
