Responsividad
EL componente fluye en filas de una columna adaptándose al ancho disponible. Mientras tenga espacio la fecha se colocará a la izquierda del texto, cuando no, se colocará encima del texto.
Se puede usar la clase destacada para destacar un elemento.
Código
<div class="listado previsiones">
<ul>
<li [class="destacada"]>
<a href="">
<span class="fecha">
<span>[DÍA]</span>
<span>[MES]</span>
<span>[AÑO]</span>
<span class="hora">[HORA]</span>
</span>
<span class="titulo">[TÍTULO]</span>
<span class="subtitulo">[SUBTÍTULO]</span>
<span class="lugar">[LUGAR]</span>
<span class="descripcion">[DESCRIPCIÓN]</span>
</a>
</li>
[...]
</ul>
</div>