fix: add media queries to enhance mobile experience

This commit is contained in:
rramiachraf
2022-11-12 17:30:18 +01:00
parent 0d7cb0a75e
commit d2c1b90af8
4 changed files with 131 additions and 35 deletions

View File

@ -4,9 +4,13 @@
<title>dumb</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/static/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<h1 id="nav">DUMB</h1>
<nav>
<a href="/"><img src="/static/logo.svg" /></a>
</nav>
<div id="home">
<div>
<h1>Welcome to dumb</h1>

View File

@ -3,11 +3,14 @@
<head>
<title>{{.Artist}} - {{.Title}} lyrics</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="/static/style.css" />
<script type="text/javascript" src="/static/script.js" defer></script>
</head>
<body>
<h1 id="nav">DUMB</h1>
<nav>
<a href="/"><img src="/static/logo.svg" /></a>
</nav>
<div id="container">
<div id="metadata">
<img src="{{.Image}}"/>