[Desafio] | Tailwind CSS: estilizando a sua página com classes utilitárias

1
resposta

por João Vinícius Fernandes de Albuquerque Santos

| 85.2k xp | 13 posts

Desenvolvedor de sistema

Utilizei a classe utilitária "pb" para definir um preenchimento abaixo do parágrafo

  <div class="flex justify-center ">
    <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-blue-400 to-purple-500 justify-center h-44">
      <p class="text-6xl font-black text-primary font-titulo  pb-5">João Vinícius</p>
      <p class="text-4xl">Desenvolvedor Front-end</p>
    </div>
  </div>

1 resposta

por Rafaela Petelin Silvério

| 313.1k xp | 695 posts

Alura Scuba Team Monitora de Fórum

2 meses atrás

Olá João! Tudo bem?

Que bacana a ideia de ajustar o espaçamento entre os textos usando a classe utilitária pb, que é usada para adicionar um preenchimento inferior (padding-bottom) a um elemento. Parabéns por realizar a atividade e buscar sua forma de solucionar o desafio!

Recomendo que também dê uma olhada na "Opinião do instrutor" para ver o gabarito e aprender a solução criada pela instrutora. Desse modo, você cria uma perspectiva maior sobre diferentes soluções :)

Obrigada por compartilhar seu desafio com a gente. Conte sempre com o apoio do fórum!

Um abraço e bons estudos!