Issue on bottom alignment when data is big ?

ahmed salah

I working on template page html and CSS .I face issue page template not align bottom

correctly when data is big and more .

so How to alignment page bottom according to expected image below

issue exist on part below


        
            
                CEO:
            
            
            
            
            
        
        
            
            
            
                Signature and Date





    
       
            
                Received by:
            
            
            
            
            
        
        
            
            
            
                Signature and Date

my html sample full page html CSS

fiddle exist on

fiddle for full page design have issue

full page design

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Mohamed Azarudeen Z3y ago
Try modifying
```
    
        
        
            
        
    

    
        
        
            
        
    
```
a container
element is used with display: flex; flex-direction: column; min-height: 100vh; CSS properties. This creates a flex container that spans the full height of the viewport.

The first
inside the container (where your first table is) has flex: 1; applied to it. This makes it take up the remaining vertical space and pushes the second
(where your second table is) to the bottom of the container.