/* Custom CSS for portrait mode */
@media only screen and (max-width: 768px) {
body {
/* Adjust body margins and padding for portrait mode */
margin: 0;
padding: 0;
}
.page-content {
/* Custom styles for the content to fit portrait mode */
width: 100%;
margin: auto;
padding: 20px;
box-sizing: border-box;
}
img {
/* Ensure images are responsive */
max-width: 100%;
height: auto;
}
}