0

Dúvida

J
Julia Rocha

alguém pode me ajudar,estou recriando a interface da Netflix mas a imagem que devia aparecer nessa parte:

<main>

         <div class="filme-principal">

            <div class="container">

               <h3 class="titulo">Game of Thrones</h3>

               <p class="descricao">Em uma terra onde os verões podem durar vários anos e o inverno toda uma vida,

                sete nobres famílias lutam pelo controle da mítica terra de Westeros, dividida depois de uma guerra.

                Num cenário que lembra a Europa medieval, reis, rainhas, cavaleiros e renegados usam todos os meios possíveis em um jogo político pela disputa do Trono de Ferro, o símbolo do poder absoluto.</p>

             <div class="botoes">

               <button role="button" class="botao">

                  <i class="fas fa-play"></i>

                  Assistir Agora</button>

               <button role="button" class="botao">

                  <i class="fas fa-info"></i>

                  Informações</button>

             </div>

               </div

         </div>

        </main>


não aparece segue a parte do css:

.filme-principal{

    font-size: 15px;

    background:linear-gradient(rgba(0,0,0,.50)rgba(0,0,0,.50)100%), url('/img/capa-serie.jpg');

    height: 400px;

    background-size: cover;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}

0
0

Comentários (3)

0
J

Julia Rocha

05/08/2021 19:21

Marcelo Silva era isso mesmo

1
M

Marcelo Silva

05/08/2021 15:49

Olá, tente por um ou dois . antes do /img, se não me engano foi assim que resolvi. ('../img/capa-serie.jpg')

0
Almir Segundo

Almir Segundo

04/08/2021 23:32

Olá, acho que faltou você colocar uma vírgula no seu linear-gradient. Talvez seja isso....


Tenta assim:


 background: linear-gradient(rgba(0,0,0,.50), rgba(0,0,0,.50)100%), url('/img/capa-serie.jpg');

None

Brasil