Entrar Ainda não tem acesso?
1
resposta

Desafio.3

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

por Estanislau Antonio da Silva Junior
| 55.7k xp | 186 posts

Div.

<body>
    <div class="flex">
      <img class="h-44" src="https://img.freepik.com/free-photo/website-development-developer-working-program-codes-office-computer-program-programmer-workplace-programming-code-software-source-code_372999-389.jpg?w=1380" alt="codigo json">
      <div class="p-10 flex flex-col w-2/5 bg-gradient-to-r from-pink-300 to-slate-400 justify-center h-44">
        <p class="text-6xl font-black text-primary font-titulo">Estanislau Jr</p>
        <p class="text-4xl">Desenvolvedora Front-end</p>
      </div>
    </div>
  </body>
1 resposta
por Mike de Sousa
| 1415.2k xp | 2579 posts
Alura Scuba Team Suporte Educacional

Olá, Estanislau, como vai?

Seu código mostra uma boa aplicação das classes utilitárias do Tailwind CSS para criar um layout flexível. Você utilizou corretamente flex para organizar os elementos lado a lado e aplicou o gradiente conforme solicitado no desafio anterior.

Para melhorar acessibilidade e semântica, considere adicionar um alt descritivo na imagem.

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