אני מנסה לגרום לזה לעבוד כנושא בודד שממוקד הן במחשב שולחן והן במובייל.
ה-CSS לא מוגדר באמת לכך, אך הצלחתי לטעון את זה בדרך זו שהתמונה מוצגת יפה על כל הרוחב:
.featured-topic-wrapper .featured-topics .featured-topic {
max-width: none !important;
.featured-topic-image {
max-width: 800px !important;
width: 100%;
}
}
עם זאת, זה לא מאוד תגובתי לשינויים ברוחב המסך או במובייל, וגורם לאובדן היחס אספטי (שהייתי מאוד רוצה לשמור). פתרתי את זה על ידי בחירת גודל מתאים לתמונה וקידוד גובה שונה קשות.
האם יש שינוי פשוט שאוכל לעשות כדי להפוך את זה ליותר תגובתי? גם, שווה להתאים את ה-CSS של הרכיב הזה כדי להתאים טוב יותר למקרה השימוש של נושא ממוקד יחיד?