sitio web responsive parte 7 index-segunda section
Código de la segunda sección
Index.html
<section class="telefono flex modificador">
<h2 class="titulo_telefono">Desde tu movil</h2>
<img src="images/cel.jpg" alt="" class="img_telefono">
<div class="descripcion">
<h3 class="numero">1</h3>
<p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita cupiditate harum, fugit minima atque delectus? Nihil consequatur, consequuntur vel. Repellendus vitae nostrum, enim possimus aliquam, aspernatur pariatur quo error atque.</p>
</div>
<div class="descripcion">
<h3 class="numero">2</h3>
<p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus perspiciatis repellat asperiores dolorum rerum quo minus quas, amet voluptatem voluptatum sapiente vero illum quod vel maxime, architecto tenetur, saepe. Recusandae!</p>
</div>
<div class="descripcion">
<h3 class="numero">3</h3>
<p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit qui vel iure, quam aspernatur sed dolorum tenetur ratione magnam fuga quasi ut maxime placeat consectetur architecto, dolores nemo debitis illum.</p>
</div>
</section>
estilo.css
/*========COMPRAR===============*/
.titulo_telefono{
font-size: 30px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
color: #d30203;
}
.titulo_telefono:after{
width: 150px;
height: 2px;
background: #d30203;
margin: 0 auto;
display: block;
content: ;
margin-top: 20px;
}
.img_telefono{
width: 100%;
}
.descripcion{
width: 100%;
margin: 5px;
}
.numero{
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 2px solid #d30203;
border-radius: 50%;
margin: 0 auto;
}
.texto_tel{
line-height: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
/*========TERMINA COMPRAR===============*/
Sitio web responsive desde cero
Este curso tiene 2:50 horas de puro codigpo bien explicado