body { 
    margin: 0; 
    padding: 0; 
    font-family: Arial, sans-serif; 
} 
 
h1, p { 
    padding: 20px; 
    box-sizing: border-box; /* Ensures padding is included in element's total width */ 
} 
 
/* Ensure the main container takes full width and height */ 
.container { 
    width: 100%; 
    height: 100vh; /* Full viewport height */ 
} 
 
@media (max-width: 600px) { 
    h1 { 
        font-size: 24px; /* Adjust font size for smaller screens */ 
    } 
}

.container { 
    display: flex; 
    flex-direction: column; /* Change to row for horizontal layout */ 
    justify-content: center; /* Center items vertically */ 
    align-items: center; /* Center items horizontally */ 
    height: 100vh; 
}