Current value of key style properties:
Set
container flex: justifyContent=
item div: overflowX=
image: span-ws-pre:
item div: overflowX=
image: span-ws-pre:
Page with margin: auto applied to .item (item div class) to
horizontally center. .item max-width is set to 800px for testing
purposes. .container justify-content is initialized to "initial" With
these settings, reducing window width does not result in left side
cut-off/clipping problem. So problem seems to get solved with this
fix.
Setting container flex: justifyContent to "center" creates the left
side cut-off/clipping problem!
[Span without whitespace: pre:] This post is about the app/program,
"Blogger Blog Feed to HTML Book" that I have currently published on
https://bloggerfeedtobook.netlify.app/.
[Span with white-space: pre:] It should work with any Blogger
blog. I have tested it with one of my Blogger blogs and some other
Blogger blog.