Currently, the parent/wrapper can be quite wide.
This is a stylistic preference, but a long line length also affects readability.
I suggest to add an option to adjust the max-width or a "center mode" that can be toggled on the server side. Thanks.
For instance, the css code can be:
@media (orientation: landscape) {
.parent {
max-width: 50%;
width: fit-content;
}
}
@media (orientation: portrait) {
.parent {
max-width: 90%;
width: fit-content;
}
}