Estoy tratando de hacer que esto funcione como un tema destacado de una sola característica tanto en escritorio como en móvil.
El CSS no está realmente configurado para esto, pero he conseguido hackearlo con esto para que la imagen se muestre de manera agradable en todo el ancho:
.featured-topic-wrapper .featured-topics .featured-topic {
max-width: none !important;
.featured-topic-image {
max-width: 800px !important;
width: 100%;
}
}
Sin embargo, no es muy receptivo a los cambios en el ancho de la pantalla o en mobile, perdiendo la proporción (que realmente me gustaría mantener). He ideado una solución eligiendo una imagen de tamaño adecuado y codificando una altura diferente.
¿Hay un cambio sencillo que pueda hacer para que sea receptivo? Además, ¿vale la pena ajustar el CSS de este componente para adaptarse mejor al caso de uso de un solo tema destacado?