background-color: rgba(220,220,220,1); <--- correspond à la couleur de fond du cadre
@media screen and (max-width: 600px) { <-- changement de la position des cadres à la limite de 600 pixels
Il suffit de coller le code source ci dessous dans le code source de l'ENT :
<style type="text/css">.col{
float:left;
margin:2%;
width: 46%;
}
.one{
background-color: rgba(220,220,220,1);
}
.two{
background-color: rgba(220,220,220,1);
}
@media screen and (max-width: 600px) {
.col{
float: none;
margin:10;
width: 100%;
}
}
</style>
</p>
<div id="container">
<div class="row">
<div class="col one">texte1
<p> </p>
</div>
<div class="col two">texte2
<p> </p>
</div>
</div>
</div>
<div id="container">
<div class="row">
<div class="col one">texte11
<p> </p>
</div>
<div class="col two">texte22
<p> </p>
</div>
</div>
fin du code source
Magret
Magret
Imprimer l'article
Haut 
