Imagem responsiva | Fórum | School of Net

Deseja poder participar de nosso fórum e tirar todas as suas dúvidas?
Clique aqui e assine nosso plano de acesso ilimitado. Saiba mais.

por Laryssa

1 semana, 3 dias atrás Laryssa

Imagem responsiva

eu estou montando essa tela https://www.figma.com/file/XiodeJZ2kiUxVBBlufQcLf/Untitled?node-id=0%3A1 , e a terceira parte dela a verde não estou conseguindo deixar a imagem responsiva . Essa e a parte do código correspondente. ``` html <section class="most-popular"> <div class="title"> <h3>+ Popular</h3> </div> <div class="popular-container"> <div class="popular-img"> <img src="img/mostpopular.jpg"> </div> <div class="popular-text"> <h4>Parque da Cachoeira</h4> <p class="popular-description"> lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p> </div> </div> </section> css .most-popular { display: flex; flex-direction: column; justify-content: center; align-items: center; } .popular-container{ max-width: 90%; background-color: #BAD45F; display: flex; margin: 0 auto; flex-wrap: wrap; } .popular-img{ flex: 1 0 300px; margin: 0 auto; } ``` link do repositório com o código completo:https://github.com/LaryssaGomes/projeto-acampamento

3 Respostas