Entrar Ainda não tem acesso?
1
resposta

Desafio.1

Referente ao curso Tailwind CSS: estilizando a sua página com classes utilitárias, no capítulo Olá Tailwind CSS! e atividade Desafio

por Estanislau Antonio da Silva Junior
| 57.4k xp | 195 posts

Html.

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
    <div class="p-10 m-auto my-10 bg-gradient-to-r from-pink-400 to-blue-300 w-2/5 shadow-2xl">
        <p class="text-3xl font-black">Gabriela</p>
        <p class="text-2xl">Desenvolvedora Front-end</p>
    </div>  
</body>
1 resposta
por Mike de Sousa
| 1425.9k xp | 2610 posts
Alura Scuba Team Suporte Educacional

Olá, Estanislau, como vai?

Seu código demonstra um bom entendimento das classes utilitárias do Tailwind CSS. Você aplicou corretamente o gradiente usando bg-gradient-to-r from-pink-400 to-blue-300, definiu a largura com w-2/5 e adicionou um efeito de sombra com shadow-2xl. A formatação dos textos também está adequada, usando text-3xl font-black para o nome e text-2xl para a descrição.

Continue explorando as possibilidades do Tailwind CSS em seus projetos. O fórum está à disposição para quando quiser compartilhar mais implementações.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!