marko krstić

Collections

Archives

Breakpoints on load and resize

jQuery(document).ready(function($){
    
   $(window).on('resize', function(){
	   
            if ($(window).width() >= 1000 && $(window).width() <=1400) {
                
                $('#card_2').appendTo('#card-column-1');
                $('#card_3').appendTo('#card-column-1');
                $('#card_4').appendTo('#card-column-2');
                $('#card_5').appendTo('#card-column-2');
                $('#card_6').appendTo('#card-column-2');
    
            }
    
            
            else if($(window).width()> 1400) {
    
                $('#card_2').appendTo('#card-column-2');
                $('#card_3').appendTo('#card-column-2');
                $('#card_4').appendTo('#card-column-3');
                $('#card_5').appendTo('#card-column-3');
                $('#card_6').appendTo('#card-column-3');            
    
            }
            
            
            else if($(window).width()< 1000) {
    
                $('#card_2').appendTo('#card-column-1');
                $('#card_3').appendTo('#card-column-1');
                $('#card_4').appendTo('#card-column-1');
                $('#card_5').appendTo('#card-column-1');
                $('#card_6').appendTo('#card-column-1');            
    
            }
        });
    

    // Invoke the resize event immediately
    }).resize();
                
});

Let's Connect

Feel free to reach out for collaborations or just a friendly hello ?
[email protected]
linkedininstagramdribbblefacebook-official