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: