Questões Programação Css Cascading Style Sheets

Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag st...

Responda: Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag style, fazendo com que um menu de navegação lateral fique ao lado da área de conteúdo. aside {floa...

1Q1064083 | Programação, Css Cascading Style Sheets, Tarde, CVM, FGV, 2024

Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag style, fazendo com que um menu de navegação lateral fique ao lado da área de conteúdo.

aside {float: left; width: 30%}
main {float: left; width: 70%}

O resultado em tablets e desktops foi bom, mas o acesso pelo celular apresentou alguns problemas de usabilidade, sendo mais adequado que o menu ficasse acima do conteúdo.
Para utilizar o design indicado em telas menores, garantindo a responsividade da página, Roberto acrescentou ao código CSS:

✂️ a) @media screen and (max-width: 600px) { aside, main {width: 100%} } .
✂️ b) @media handheld {
aside, main {width: 50%
}
✂️ c) @media screen and (max-width: 600px) { aside, main {position: absolute} } .
✂️ d) @media screen and (min-width: 768px) { aside, main {width: 100%} }
✂️ e) @media (max-width: 480px) { aside, main {width: 50%} } .