add normalize.css

package.json

@@ -49,6 +49,7 @@
     "iso-639-1": "^3.1.3",
     "masto": "^6.10.0",
     "nanostores": "^0.11.3",
+    "normalize.css": "^8.0.1",
     "solid-js": "^1.9.2",
     "solid-styled": "^0.11.1",
     "stacktrace-js": "^2.0.2",

src/App.css

@@ -1,3 +1,6 @@
+@import "normalize.css/normalize.css";
+@import "./material/theme.css";
+
 :root {
   --safe-area-inset-top: env(safe-area-inset-top);
   --safe-area-inset-left: env(safe-area-inset-left);

src/index.tsx

@@ -1,5 +1,4 @@
 import { render } from "solid-js/web";
 import App from "./App.js";
-import "./material/theme.css";
 
 render(() => <App />, document.getElementById("root")!);

src/timelines/Home.tsx

@@ -169,7 +169,8 @@ const Home: ParentComponent = (props) => {
       scroll-snap-align: center;
       overscroll-behavior-block: none;
       contain: strict;
-      contain-intrinsic-size: 100% 100%;
+      contain-intrinsic-size: auto 560px auto 100vh;
+      contain-intrinsic-size: auto 560px auto 100dvh;
 
       @media (max-width: 600px) {
         padding: 0;