{“translation”: "Estou tentando fazer isso funcionar como um tópico único em destaque tanto no desktop quanto no celular.
O CSS realmente não está configurado para isso, mas consegui adaptar com isto para que a imagem apareça bem na largura total:
.featured-topic-wrapper .featured-topics .featured-topic {
max-width: none !important;
.featured-topic-image {
max-width: 800px !important;
width: 100%;
}
}
No entanto, não é muito responsivo às mudanças de largura da tela ou no celular, perdendo a proporção (que eu gostaria muito de manter). Trabalhei em torno disso escolhendo uma imagem de tamanho adequado e definindo uma altura fixa.
Existe uma mudança simples que posso fazer para torná-lo responsivo? Além disso, vale a pena ajustar o CSS deste componente para atender melhor ao caso de uso de um único tópico em destaque?