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

Nao estou conseguindo colocar o texto na imagem

</head>
<body>
    <header class="cabecalho">
        <img  class="logo" alt="Fruta & Fruto" src="./assets/img/logo.jpg"/>
        <nav class="menu">
            <ul class="menu__lista">
                <li class="menu__item"><a class="menu__link ativo" href="#">Início</a></li>
                <li class="menu__item"><a class="menu__link" href="#">Receitas</a></li>
                <li class="menu__item"><a class="menu__link" href="#">Quem somos</a></li>
                <li class="menu__item"><a class="menu__link" href="#">Comunidade</a></li>
            </ul>
        </nav>
    </header>

    <section class="banner">
        <img class="banner__imagem" src="./assets/img/banner.jpg"/>
        <h2 class="banner__Titulo">Reaproveite melhor os alimentos!</h2>
    </section>

    <section class="Sobre">
        <h2 class="SobreTitulo">Receitas para economizar e ganhar saúde</h2>
        <p class="SobreDescrição">Nossas receitas ajudam você a aproveitar melhor os alimentos, economizar, ganhar tempo e praticidade</p>
    </section>
</body>
1 resposta
solução!

.banner__titulo { font-family: Pacifico, cursive; color: #fdfdfd; font-size: 5.0625rem; position: absolute; left: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); top: 50%; text-align: center; transform: translate(-50%, -50%); width: 100%; }