nPage1-2
@media (max-width: 767px) {
.page-container {
display: block;
}
.a4-page {
max-width: 420px;
max-height: 595px;
margin: 0 auto !important;
padding: 0 !important;
box-shadow: none !important;
page-break-after: always;
scroll-snap-align: start;
display: block;
zoom: 1 !important;
}
.photo-block,
.photo-block img {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-content {
padding-bottom: 50px;
}
.footer {
background: transparent;
color: #fff;
z-index: 3;
}
.page2-text {
position: absolute;
bottom: 20mm;
right: 20mm;
left: auto;
top: auto;
transform: none;
text-align: right;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
box-sizing: border-box;
font-size: 13px;
line-height: 1.5;
z-index: 2;
}
.page2-text h3 {
font-size: 15px;
}
.header,
.footer {
padding: 8px 16px;
}
}
by eGrida posted May 27, 2025
