html, body {
    height: 100%; /* Ensure html and body take full height */
    margin: 0; /* Remove default margin */
}

.main-content {
    min-height: 100vh; /* Calculate the height minus nav and footer */
    padding: 16px; /* Optional padding for the main content */
}