1
resposta

Desafio feito #4

 <ul class="flex gap-3 mb-4">
        <li><a class="hover:font-bold hover:text-primary duration-150" href="">Linkedin</a></li>
   ![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/344468/3091e9d2-0265-4132-9282-452ce480b23a.png)      <li><a class="hover:font-bold hover:text-primary duration-150 " href="#">Email</a></li>
        <li><a class="hover:font-bold hover:text-primary duration-150" href="#">Github</a></li>

Nas listas, tive que adicionar uma classe, pois não havia. Nela, foi declarado o hover, colocando em bold e puxando o text-primary. Optei em colocar uma transição de 150ms, com o intuito de suavizar o destaque.

Segue o print: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oii, Pedro!

Muito obrigada por compartilhar com a gente!

Parabéns por tá praticando com as atividades do curso, é dessa forma que você consegue fixar o conteúdo.

Lembra que, além de compartilhar aqui no fórum, você também pode marcar a Alura nas redes sociais para que mais pessoas possam ver seu trabalho.

A Alura tem perfis em várias redes sociais, você pode encontrá-los aqui.

Um abraço e bons estudos.