أنا أحاول جعل هذا كموضوع مميز واحد على كل من سطح المكتب والجوال.
CSS ليس مضبوطًا حقًا لذلك، لكن تمكنت من التلاعب به بحيث يظهر الصورة بشكل جميل عبر العرض الكامل:
.featured-topic-wrapper .featured-topics .featured-topic {
max-width: none !important;
.featured-topic-image {
max-width: 800px !important;
width: 100%;
}
}
ومع ذلك، فهو ليس مرنًا جدًا لتغيرات عرض الشاشة أو على الموبايل، حيث يفقد نسبة العرض للارتفاع (وهو أمر أود الحفاظ عليه جدًا). لقد تجاوزت هذا عن طريق اختيار حجم صورة مناسب وتعيين ارتفاع ثابت.
هل هناك تغيير بسيط يمكنني القيام به لجعله أكثر استجابة؟ وأيضًا، هل يستحق تعديل CSS لهذا المكون ليتناسب بشكل أفضل مع حالة استخدام موضوع مميز واحد؟