Tarefa 13 Combinando condições de Media Query
Crie uma página simples e responsiva apresentando, ao menos, 5 questões elaboradas por você sobre os assuntos responsividade e Mobile-first.
Após cada questão, elenque quatro opções de resposta, sendo apenas uma delas a resposta correta.
Após as opções de resposta, apresente um parágrafo revelando qual a resposta correta e a justificativa.
No layout padrão, vertical, deve apresentar cada questão na parte superior da página, seguida, imediatamente, das opções na parte inferior e, seguidas da resposta correta e da justificativa.
Não implemente códigos CSS no arquivo HTML. O layout diferenciado, horizontal, deve apresentar a questão ao lado das opções de resposta, já a resposta correta e a justificativa devem aparecer abaixo das anteriores. Quando no layout diferenciado, horizontal, houver espaço suficiente, deve apresentar a questão ao lado das opções de resposta, estas então, estarão ao lado da resposta correta e a justificativa. Esta opção de layout não pode estar disponível para impressão. O texto deve ter o seu tamanho alterado conforme a disponibilidade de espaço no viewport, porém ele não pode ficar menor do que 10px e nem maior do que 30px. Pense Mobile-first!