Bonjour,
J'essaye de faire deux blocs image + texte en deux colonnes je veux que la colonne 2 partie texte soit plus grande que la colonne 1 là où se situe mon image: avec flex: 1 2. Là pas de soucis... Mais pour mon responsive ça ne parvient pas à se mettre à la ligne avec le flex-wrap qui enveloppe mon container. Est-ce que j'ai fais une erreur quelque part ? C'est codé en SASS
HTML:
CSS:
Modifié par tcdev (12 Jul 2019 - 14:58)
J'essaye de faire deux blocs image + texte en deux colonnes je veux que la colonne 2 partie texte soit plus grande que la colonne 1 là où se situe mon image: avec flex: 1 2. Là pas de soucis... Mais pour mon responsive ça ne parvient pas à se mettre à la ligne avec le flex-wrap qui enveloppe mon container. Est-ce que j'ai fais une erreur quelque part ? C'est codé en SASS
HTML:
<section class="section-two">
<div class="container-two">
<div class="background-one"></div>
<div class="image-seo">
<img src="./assets/images/test-seo-1.png">
</div>
</div>
<div class="container-two">
<div class="seo-two">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
</div>
</div>
</section>CSS:
.section-two{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 300px;
.container-two{
flex:1 2;
}
.background-one{
background-color: $background-seo;
@extend %background-big;
}
.image-seo{
margin: -420px 0 0 70px;
}
.seo-two{
max-width: $width-text;
margin: auto;
h2{
font-size: $title-socialseo;
}
}
}Modifié par tcdev (12 Jul 2019 - 14:58)
