adding viewport settings for better mobile experience

This commit is contained in:
Henry Hobbs 2024-07-20 10:51:13 -04:00
parent 8b32afde9f
commit 12017e68b0
4 changed files with 4 additions and 0 deletions

View File

@ -4,6 +4,7 @@
<title>h o b b s . z o n e</title> <title>h o b b s . z o n e</title>
<link href="./css/output.css" rel="stylesheet" /> <link href="./css/output.css" rel="stylesheet" />
<link href="./index.css" rel="stylesheet" /> <link href="./index.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body class="bg-slate-800 items-center flex-col flex min-h-svh"> <body class="bg-slate-800 items-center flex-col flex min-h-svh">
<div class="bg-slate-900 text-white text-center p-4 w-full h-16"> <div class="bg-slate-900 text-white text-center p-4 w-full h-16">

View File

@ -3,6 +3,7 @@
<head> <head>
<title>Henry Hobbs - Resume</title> <title>Henry Hobbs - Resume</title>
<link href="/css/output.css" rel="stylesheet" /> <link href="/css/output.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body class="bg-slate-800 items-center flex-col flex min-h-svh text-white"> <body class="bg-slate-800 items-center flex-col flex min-h-svh text-white">
<header <header

View File

@ -4,6 +4,7 @@
<title>h o b b s . z o n e</title> <title>h o b b s . z o n e</title>
<link href="./css/output.css" rel="stylesheet" /> <link href="./css/output.css" rel="stylesheet" />
<link href="./index.css" rel="stylesheet" /> <link href="./index.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script> <script>
const onKittyClick = () => { const onKittyClick = () => {
const img = document.querySelector("img") const img = document.querySelector("img")

View File

@ -4,6 +4,7 @@
<title>h o b b s . z o n e</title> <title>h o b b s . z o n e</title>
<link href="./css/output.css" rel="stylesheet" /> <link href="./css/output.css" rel="stylesheet" />
<link href="./index.css" rel="stylesheet" /> <link href="./index.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body class="bg-slate-800 items-center flex-col flex min-h-svh"> <body class="bg-slate-800 items-center flex-col flex min-h-svh">
<div class="bg-slate-900 text-white text-center p-4 w-full"> <div class="bg-slate-900 text-white text-center p-4 w-full">