Muy buenas...
Llevo 3 horas perdidas intentando ver donde está el fallo, pero cuánto más miro y más modifico, más se desestructura la pagina...
La cuestión es que estoy adaptando un diseño a dispositivo movil, la primera fila y su contenido me sale centrado y las siguientes filas y contenidos me salen desplazadas a la izq y sin embargo tienen la misma estructura y etiquetas que la fila primera...
OS dejo el código y a ver si podéis echarme una mano.
Gracias
Código HTML:
<div class="row">
<div class="col-lg-12">
<div class="timeline-image">
<img src="img/estudios.png" alt="estudios">
</div>
</div>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/video.png" alt="icono" width="70px" height="70px">
</div>
<h4>Graduado Superior<br> en Mass Media</h4>
<h4 class="subheading">Universidad de Vic</h4>
<h5 class="subheading">2001-2004</h5>
<p class="text-list">
Aprendiendo del mundo audiovisual y periodismo.
<br> Forjando la base de mis estudios.
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/disenio.png" alt="icono" width="70px" height="70px">
</div>
<h4>Técnico en <br> diseño gráfico </h4>
<h4 class="subheading">New horizons. Barcelona
</h4>
<h5 class="subheading">2004-2006</h5>
<p class="text-list">
Descubrir una nueva ilusión por lo gráfico.
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/multimedia.png" alt="icono" width="70px" height="70px">
</div>
<h4>Técnico digital <br>
y multimedia </h4>
<h4 class="subheading">New horizons. Barcelona
</h4>
<h5 class="subheading">2004-2006</h5>
<p class="text-list">
Mezclar estudios con pasión.
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<div class="col-lg-12">
<div class="timeline-image">
<img src="img/CURSOS.png" alt="cursos">
</div>
</div>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/iluminacion.png" alt="icono" width="70px" height="70px">
</div>
<h4>Técnico en Iluminación
<h4 class="subheading">CPA. Barcelona
</h4>
<h5 class="subheading"> Abril 2015</h5>
<p class="text-list">
Conseguir profundidad en las imágenes.
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/audiovisual.png" alt="icono" width="70px" height="70px">
</div>
<h4>Técnico audiovisual
<h4 class="subheading">CPA. Barcelona
</h4>
<h5 class="subheading"> Abril 2015</h5>
<p class="text-list">
Refrescar y desarrollar nuevas técnicas.
<br> Actualizando ideas.
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<div class="col-lg-12">
<div class="timeline-image">
<img src="img/experiancia.png" alt="cursos">
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/albaserveis.png" alt="icono" width="70px" height="70px">
</div>
<h4>Diseño
y publicidad
<h4 class="subheading">Alba Serveis Educatius. Girona
</h4>
<h5 class="subheading"> Ago. 2010 - Ene. 2015</h5>
<p class="text-list">
Diseño corporativo de empresa.
<br>
<a href="http://www.albaserveis.com">Sitio web</a>
</p>
</div>
</div>
</div>
</article>
</div>
<div class="row">
<article>
<div class="col-lg-4 col-lg-6 col-xs-4">
<div class="timeline-panel">
<div class="timeline-heading">
<div class="img-icon">
<img src="img/stopmotion.png" alt="icono" width="70px" height="70px">
</div>
<h4>Animación
audiovisual
<h4 class="subheading">Frozen Moon. Wrexham. UK
</h4>
<h5 class="subheading"> Jul. 2008 - Nov. 2008</h5>
<p class="text-list">
Animación por ordenador.
<a href="http://www.frozenmoon.co.uk">Sitio web</a>
</p>
</div>
</div>
</div>
</article>
</div>