Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

HTML e CSS: Classes, posicionamento e Flexbox - Projeto mão na massa:

Boa tarde!

Gostaria de compartilhar a resolução do exercício proposto.

Usei um pouco de criatividade para executar a tarefa.

Espero que não tenha problema! :D

HTML:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mão na Massa</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main></main>
    <h1>Brownie simples e rápido</h1>
    <img src="brownie.png" alt="foto-ilustrativa">
    <h2>Ingredientes:</h2>
    <ul>
        <li>5 colheres de manteiga</li>
        <li>3 xicara de <strong class="patrono-marca">Nescau</strong></li>
        <li>12 colheres de farinha de trigo</li>
        <li>3 ovos</li>
        <li>6 colheres de açúcar</li>
        <p>Derreta a manteiga e reserve.</p>
        <p>Enquanto derrete a manteiga, misture os 3 ovos e a açúcar até ficar homogêneo.</p>
        <p>Acrescente a manteiga derretida na mistura.</p>
        <p>Agora é so acrescentar o <strong>achocolatado</strong> e o trigo.</p>
        <p>Unte uma forma com manteiga e <strong>achocolatado</strong>.</p>
        <p>Leve ao forno a 180° C por 30 minutos ou até assar a massa.</p>
        <p>Rendimento: 10 porções.</p>
        <a href="https://www.youtube.com/watch?v=I2VUOvU-xTQ">Passo a passo em vídeo</a>
    <footer></footer>
</body>
</html>

CSS:

*{
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: black;
    color: antiquewhite;
}

.patrono-marca {
    color: crimson;
}

Abraços!

1 resposta
solução!

Oi, Bruna, tudo bem?

Criatividade sempre é bem-vinda!! E seu projeto está muito legal, parabéns pelo resultado!

Agradeço por compartilhar seu projeto, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software