Gostaria de saber como aplicar o código de forma a ser exibido da mesma forma em smartphones quando alguém acessar a página.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Gostaria de saber como aplicar o código de forma a ser exibido da mesma forma em smartphones quando alguém acessar a página.
Eu acredito que você esteja falando da questão da adaptação das telas(design responsivo) em diferentes dispositivos. No caso teria que usar os medias queries. Por exemplo com o código logo abaixo. Espero poder ter ajudado!
Aqui você vai colocar conforme o seu site que você está construindo.
/* Estilos aplicados a larguras acima 500 pixels */
@media screen and (min-width: 501px) { body { background-color: #05a4e7; font-size: 2em; } }
Muito obrigada, Leonardo!