🐛 bug: Resolve mobile viewport issues with meta tag

HarshKapadia2 · HarshKapadia2 · commit c1d81a032a33 · 2022-07-22T08:10:43.000Z
diff --git a/public/index.html b/public/index.html
@@ -1,7 +1,18 @@
 <!DOCTYPE html>
+
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+		<title>Git Graph</title>
+
+		<link
+			rel="shortcut icon"
+			href="%PUBLIC_URL%/favicon.ico"
+			type="image/x-icon"
+		/>
+
 		<meta
 			name="keywords"
 			content="git graph, git, graph, internals, git_internals, git_basics"
@@ -17,6 +28,7 @@
 		/>
 		<meta
 			property="og:image"
+			itemprop="image"
 			content="https://harshkapadia2.github.io/git-graph/icon-512x512.png"
 		/>
 		<meta property="og:image:width" content="512" />
@@ -25,14 +37,6 @@
 			property="twitter:image"
 			content="https://harshkapadia2.github.io/git-graph/icon-512x512.png"
 		/>
-
-		<link
-			rel="shortcut icon"
-			href="%PUBLIC_URL%/favicon.ico"
-			type="image/x-icon"
-		/>
-
-		<title>Git Graph</title>
 	</head>
 
 	<body></body>
diff --git a/src/components/App/App.css b/src/components/App/App.css
@@ -73,6 +73,7 @@ footer {
 	align-items: center;
 	padding: 1em 0;
 	margin: 0 0.5em;
+	flex-wrap: wrap;
 }
 
 a,
