Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Contenidos destacados

Responsividad

El componente se colocará en filas de dos columnas, con la imagen a la izquierda -con un ancho de 200px y el texto fluyendo en el ancho disponible- por encima de 1024px, por debajo de esta resolución se dispondrá cada elmento en una columna conservando las columnas y anchos

Entre 580px y 500px la imagen creará una máscara de 150px de ancho, centrando la imagen y conservando el alto, dejando el ancho restante para que el texto fluya.

Por debajo de 500px la imagen desaparecerá mostrándose solo el texto.

El tamaño de las imágenes es de 200 X 200px.

Código

						
<div class="destacados">
	<ul>
		<li>
			<p class="imagen"><img src="[IMG]" alt=""/></p>
			<p class="destacado">
				<a href="">
					<span class="titulo">[TITULO]</span>
					<span class="texto">[TEXTO]</span>
				</a>
			</p>
		</li>
		[...]
	</ul>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA