Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
| Línea 11: | Línea 11: | ||
#persoeiro{grid-area:persoeiro;display:block; background:red; } | #persoeiro{grid-area:persoeiro;display:block; background:red; } | ||
#persoeiro div{width:100%; background:fuchsia;} | #persoeiro div{width:100%; background:fuchsia;} | ||
#persoeiro img{max-width:100%; height:auto;} | #persoeiro img, #poboacion img{max-width:100%; height:auto;} | ||
@supports(object-fit: cover){ | @supports(object-fit: cover){ | ||
#persoeiro img{ | #persoeiro img, #poboacion img{ | ||
height: 100%; | height: 100%; | ||
object-fit: cover; | object-fit: cover; | ||
Revisión del 00:38 20 jul 2021
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
#grid-head-container{padding:2em; border:1px solid #ddd; border-radius:5px; display:grid; justify-content:center; grid-template-columns: repeat(2, 1fr); background:#f3f3f3;}
#head-left{}
#head-right{}
#grid-body-container{display:grid; grid-template-columns:repeat(5fr, 1fr); grid-template-areas: 'poboacion poboacion poboacion persoeiro persoeiro';
gap:40px; margin-top:40px;}
#poboacion{grid-area:poboacion;border:1px solid #ddd; border-radius:5px; }
#persoeiro{grid-area:persoeiro;display:block; background:red; }
#persoeiro div{width:100%; background:fuchsia;}
#persoeiro img, #poboacion img{max-width:100%; height:auto;}
@supports(object-fit: cover){
#persoeiro img, #poboacion img{
height: 100%;
object-fit: cover;
object-position: center center;
}
}