Olá colegas, Se alguém puder olhar os códigos abaixo e me ajudar...preciso que, a partir do frame com width: 829px, o conteúdo do meu rodapé, que no mesmo parágrafo tem um texto comum e uma âncora, coloque a âncora abaixo do texto simples e ambos alinhados. como a seguir: studio.rogeroliveira@gmail.com Clique aqui para enviar um e-mail Estou buscando responsividade até o tamanho do IPhone SE, que é bem pequeno, com tela de 375 X 667. O que acontece é que abaixo desta medida, em vez de ter "duas linhas" distintas, a medida em que diminuo a largura do Frame, fica tudo na mesma linha e vai quebrando para a segunda sem sequer qualquer regra, e sem margem do lado direito. seguem os códigos: HTML:
/* Código omitido*/
<footer class="rodape">
<p>studio.rogeroliveira@gmail.com <a class="rodape__ancora" href="studio.rogeroliveira@gmail.com">Clique aqui para enviar um e-mail</a></p>
</footer>
</body>
</html>
CSS: Segue no próximo campo de dúvida: