body, html {  
    margin: 0;  
    padding: 0;  
    height: 100%;  
}  

.links-container {  
    display: flex;  
    justify-content: space-between; 
    align-items: center;
    width: 100%; 
    height: 50px; 
    background-color: #f0f0f0; 
    box-sizing: border-box;

.link {  
    flex-grow: 1; 
    text-align: center; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 10px; 
    text-decoration: none; 
    color: inherit; 
    border: none; 
    background-color: transparent;
}  

 
.link:hover {  
    background-color: #ddd;  
}