Hintergrundbild nicht gestreckt richtig

Question

Die Seite Live kann hier angesehen werden: http://tmstaging.cloudapp.net:88/en/my/news/sample-great-food-and-tasty-celebrities-with-astro-bella-new-show-taste-selebriti

Das Problem auf dem ersten Abschnitt des Karussells zweispaltigen ist. Ich habe meine CSS überprüft, wenn ich diese Codezeile entfernt:

background-position: center center !important; 

Aus der Klasse unter:

.promo-content .banner .slides > li 

Die Hintergrundbilder richtig zeigen. Aber ich bin mir nicht sicher, ob das eine effektive Lösung ist. Auch wenn die Größe auf Tablettgrößen geändert wird, ist die rechte Spalte kürzer als die linke Spalte. Wie kann ich sicherstellen, dass diese beiden Spalten die gleiche Höhe haben?

Jede Hilfe wäre sehr dankbar

Answer 1

Ich denke, das für Sie am besten ist.

.promo-content .banner .slides > li { 
     min-height: 385px; 
     background-position: center center !important; 
     background-size: auto 100% !important; 
    background-repeat: no-repeat !important; }