[marp68]

Originally Posted by davidfor

As it is just a series of images being displayed in separate files, and the images are all the same size, I would change to stylesheet to:

.calibre {
  display: block;
  font-size: 1em;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.calibre1 {
  display: block;
  text-align: center;
  text-indent: 0;
}
.calibre2 {
  width: 100%;
}

That will centre each page image on the screen and size them to use the full width of the screen. It might be better to use "width: 100%", but that will probably depend on the exact aspect ratio of the images and screen involved. And I would remove the page_styles.css file as that is just reducing the view port available for the images.

Thank you so much. This is really interesting. Now I will try to learn more about these things.

So which should I go for, yours or JSWOLF's?