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

Tolulope J. Adetula free asked 7 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 7 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

              

              

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

              

              

              
              
                
                

                  
                  
Tags

                  

                  
                  

                    
                  

                

                
              

              
              
                
                

                  
                  
About author

                  

                  
                  

                    
                  

                  

                    
                    

                      
                        Tolulope J. Adetula
                      
                    

                    
                    
                    

                    
                    
                      10Support score
                    
                    

                    
                      1Questions
                    
                    
                      1Answers
                    

                    
                    
                      0Snippets