Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Mão na massa - FLexbox

HTML:

</header> 
<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">
        Eleve seu negócio digital a outro nível 
        <strong>com um Front-end de qualidade!
        </strong></h1>
        <p class="apresentacao__conteudo__texto">Olá! Sou Dyego Bernardo, desenvolvedor 
        Front-end com especialidade em <strong>React, HTML e
        CSS</strong>. Ajudo pequenos negócios e designers a 
        colocarem em prática boas ideias. Vamos 
        conversar?</p>
        <a href="https:linkedin.com/in/dyego-bernardo-costa-b2641a274" target="_blank">LinkedIn</a>
        <a href="https://github.com/DyegoBernardo" target="_blank">GitHub</a>
    </section>
    
        <img src="image1.png" alt="Foto da Dyego Bernardo programando" height="25%" width="25%">
</main>

<footer></footer>

CSS: @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

*{ margin: 0; padding: 0; } body{ height: 100vh; box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.titulo-destaque{ color: #22D4FD; } .apresentacao{ margin: 10%; display: flex; align-items: center; justify-content: space-between; }

strong{ color: #22D4FD; }

.apresentacao__conteudo { width: 615px;

}

.apresentacao__conteudo__titulo { font-size: 36px; font-family:'Krona One', sans-serif;

}

.apresentacao__conteudo__texto { font-size: 24px; font-family:'Montserrat', sans-serif; }

Ficou faltando ajustar os botões, na próxima aula ajustarei isoo. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
solução!

Oi, José, tudo bem?

Parabéns por dominar o CSS e concluir essa atividade com excelência! Seu trabalho ficou incrível.

Além disso, agradeço por compartilhar seu código com os demais estudantes. Tenho certeza de que isso será muito útil para todos que estão aprendendo sobre esse assunto.

Continue se aprofundando em tecnologia e lembre-se de que o fórum está sempre à disposição para esclarecer suas dúvidas.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Caramba!! muito massa, me ajudou a entender pq esta classe , estava correta + não alterava no html. .apresentacao { display: flex; align-items: center; justify-content: space-between; margin: 10%; }

   <a href="https://github.com/brittoruht">GitHub</a>
  **  </section>**

        <img src="./Ruth linda.jpg" alt="Foto perfil">
        

**** Eu estava fechando a section após a imagem****

corrigi e funcionou. showw!!

Olá Ruth Britto!

Que bom que de alguma formar eu contribui para o seu aprendizado.

Desejo sucesso nos estudos pra vc.