Responsividad
El componente se distribuirá en dos filas de 3 columnas, imagen a la izquierda y texto a la derecha, por encima de los 1280px.
Por debajo de 1280px y por encima de 900px se distribuirá en tres filas de dos columnas.
Por debajo de 900px se colocará en seis filas de una columna. Por debajo de 400px la imagen desaparecerá quedando solo el texto.
El tamaño de las imágenes es de 195 X 180px.
Código
<div class="noticias-home">
<div class="contenedor">
<h2>Destacados</h2>
<ul>
<li>
<img src="[IMG]" alt=""/>
<span class="triangulo-izquierda"></span>
<p>
<a href="[ENLACE]">
<span class="titulo">[TÍTULO]</span>
</a>
</p>
</li>
[X3]
<li>
<p>
<a href="[ENLACE]">
<span class="titulo">[TÍTULO]</span>
</a>
</p>
<img src="[IMG]" alt=""/>
<span class="triangulo-derecha"></span>
</li>
[X3]
</ul>
</div>
</div>