Div-Position bei Fenstergröße ändern

Question

Wenn ich die Größe meines Browserfensters ändere, wird der folgende Code nicht aktiviert. Nur auf der Seite laden Sie die sonst wenn Anweisung funktioniert. Was mache ich falsch?

$(updateBoxDimension); 
$(document).ready(updateBoxDimension); 
$(window).on('resize', updateBoxDimension); 

function updateBoxDimension() { 
    var $box = $('.case-study-outer'); 

    // To center the box 
    var boxTop = ($(window).height())/2 - ($box.height()/2); 

    if ($(window).width() < 900) { 
     $box.css({ 
      top: inherit 
     }); 
    } else if ($(window).width() > 900) { 
     $box.css({ 
      top: boxTop 
     }); 
    } 
} 

Answer 1

Schauen Sie sich die Flexboxen an, sie könnten genau das sein, was Sie brauchen. Hier ist ein nützlicher Link, wie man sie benutzt, sie werden in CSS verwendet. https://css-tricks.com/snippets/css/a-guide-to-flexbox/