Web responsive Design -cadres
Par admin pasteur, publié le lundi 8 janvier 2018 18:57 - Mis à jour le mardi 6 février 2018 08:41
texte1
texte2
texte11
texte22
Source:
<style scoped="" 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>