Bootstrap 4 Vertical Align Between 2 Divs - Flex

Question

I\'m trying connect 2 divs in one main div with same height, first div has slider(caroseul), second div has some img and text. I want to keep second divs images same with first

Answer 1

Since flexbox items will be the same as the height of the tallest, the only way to do this with a flexbox row is to absolute position the content in the "taller" div...

Flexbox height of shortest column

   

            

                
                    

                        

                            
                            
List-based media object
                        
                    
                
                
                    

                        

                            
                            
List-based media object
                        
                    
                
                
                    

                        

                            
                            
List-based media object
                        
                    
                
                
                    

                        

                            
                            
List-based media object
                        
                    
                
                
                    

                        

                            
                            
List-based media object
                        
                    
                
            
        

https://codeply.com/go/gwrLQVU4VS