The code renders fine on even Chrome, with both 100% and 100vh.
I think there is something about how Anki consider the Body element.
See the following example:
<body class= container>
Footer test Pellentesque habitant
senectus et netus et malesuada
fames ac turpis egestas.
Vestibulum tortor quam,
font: 16px Sans-Serif;
It doesn work:
But if I change the body tag to div, it works (with the same CSS):
Leaving the body tag as the top hierarchy tag, and putting the flex formatting directly under the body element, in CSS, doesn’t work either:
naming the top level “mycard” makes it work:
So, it just doesn’t like the body
Where can I read about the structure of the underlining html that Anki uses?
there is something I don’t understand about how Anki treats the body element.
Maybe is “outside” what we can edit in the card html?
For example, at what level is the the card class applied by Anki?
To the html or the body?