/* Styles for the responsive div */ .responsive-div { background-color: white; /* Sets the background color of the div */ width: 100%; /* Makes the div take 100% of its parent's width */ max-width: 1200px; /* Limits the maximum width of the div */ margin: 0 auto; /* Centers the div horizontally */ padding: 5px; /* Adds spacing inside the div */ box-sizing: border-box; /* Includes padding in the div's total width */ overflow: hidden; /* Prevents images from leaking out of the div */ display: flex; /* Use flexbox layout */ justify-content: center; /* Center contents horizontally */ align-items: center; /* Center contents vertically */ text-align: center; /* Center text inside the div */ } /* Styles for the images inside the div */ .responsive-div img { max-width: 100%; /* Ensures images resize to fit the div */ height: auto; /* Maintains image aspect ratio */ } /* Additional styles for the footer text */ footer { text-align: center; /* Centers the footer text */ color: white; /* Sets the text color */ font-family: Verdana; /* Sets the font family */ } footer a { color: white; /* Sets the link color */ } footer a:hover { text-decoration: underline; /* Adds underline on hover for links */ }