Voici un modèle html qui est à la fois adapté à tous les écrans et supporte le mode sombre.
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="dark light">
<meta name="description" content="description">
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>LE TITRE</title>
<style type="text/css">
body,pre { padding: 1rem }
body { font: 1.1rem/1.4 sans-serif; max-width: 37rem; margin: auto }
pre { overflow: auto; font-size: 1rem; border: 1px solid }
blockquote { font: italic 1rem serif }
a { color: inherit; }
img { max-width: 100% }
</style>
</head>
<body>
BLA BLA BLA
</body>
</html>