MDB carousel isnt full screen on lesser screen size

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: MDB carousel isnt full screen on lesser screen size

Tolulope J. Adetula asked 8 years ago

Even after using the below code in  _carousel.scss  it still not full screen in lesser screen size see the screenshot here the pictures are 1920 x 1080px



.carousel-item.active, 
.carousel-item-next, 
.carousel-item-prev {
display: flex;
overflow: hidden;
height: 100vh;
}

                                                                    

                                                                
                                

                                                                                                                                                    
                                        

                                                                                            
                                                                                    

                                                                    

                                
                            

                                                                                

                        
                                                                                                                    
                                

                                    
                                    

                                        

                                                    
                                                    Ollie Vincent
                                             pro                                             answered 8 years ago                                        

                                        
                                    

                                    
                                    

                                        I always thought you could only use 100vh on background images? Css background images into your slides.                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                    

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                                        
                            

                                
                                

                                    

                                        
                                        
                                        
                                        
                                    

                                

                                
                                
                                

                                    
Write

                                    
                                         Create snippet
                                    
                                

                                
                                

                                    

                                        
                                        

                                            
                                            
                                            
                                            

                                                Please insert min. 20 characters.                                            

                                            

                                                                                                    
                                                                                            

                                        

                                    

                                

                                
                            

                            
                                            

                    
                    
                    

                                           
                 
                  
                      
                     

                      

                       
FREE CONSULTATION

                       
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


                      

                    

                      
                  
                    
                    

                    

                        

                          
                          
                          
                          
                          
                         

                        

                      

                    
                       


                                                 

                        
                        

                            
                            
Status

                            
                            

                                

                                            Answered                                        

                                                            

                        

                        
                                                
                        

                            
                            
Specification of the issue

                                            
        

            
    
                
  • 
                    User:
                    Free
                
    • 
                
  • 
                    Premium support:
                    No
                
    • 
                
  • 
                    Technology:
                    MDB Angular
                
    • 
                                    
  • 
                        MDB Version:
                        -
                    
    • 
                                    
  • 
                        Device:
                        -
                    
    • 
                                    
  • 
                        Browser:
                        -
                    
    • 
                                    
  • 
                        OS:
                        -
                    
    • 
                                
  • 
                    Provided sample code:
                    Yes
                
    • 
                
  • 
                    Provided link:
                    Yes
                
    • 
                
            

        

                                

                        
                                                                                                                            
                            

                                
                                
About author

                                                                    
                

                            
                        

                


                    
                    

                        Tolulope J. Adetula
                    

                    
                    
                    

                    
                    
                                                            
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    10Support score
                    

                    1Questions
                    1Answers
                    

                    
                    

                    0Snippets likes
                    0Snippets