How to create Cover page?
Hi!
I'm creating cover page for my e-book, which will be only full-page image.
I was trying to find simple tutorial, but this one was not so simple for me: https://gitlab.pagedmedia.org/tools/pagedjs/wikis/quick-solution-&-fix-to-layout-problems
So – am I doing it right, or there is better way to do it?
In the HTML I have:
<section class="page-cover">
<div>
<img src="cover-a4.png">
</div>
</section>
In the CSS:
@page {
size: A4;
margin: 20mm 30mm;
}
.page-cover {
margin: -20mm -30mm;
}
.page-cover img {
width: 100%;
height: 100%;
object-fit: cover;
}