diff options
Diffstat (limited to 'mottovote/public')
| -rw-r--r-- | mottovote/public/index.html | 39 | ||||
| -rw-r--r-- | mottovote/public/style.css | 2 |
2 files changed, 21 insertions, 20 deletions
diff --git a/mottovote/public/index.html b/mottovote/public/index.html index 4e64cb8..0bffbdd 100644 --- a/mottovote/public/index.html +++ b/mottovote/public/index.html @@ -1,23 +1,24 @@ <!DOCTYPE html> <html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Motto Vote</title> + <link + rel="stylesheet" + href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" + integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" + crossorigin="anonymous" + /> + <link rel="stylesheet" href="style.css" type="text/css" media="all" /> + </head> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Motto Vote</title> - <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" - integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous" /> - <link rel="stylesheet" href="style.css" type="text/css" media="all" /> -</head> + <body> + <main> + <div id="vote"></div> + <button class="pure-button pure-button-primary" id="voteButton">Vote!</button> + </main> -<body> - - <main> - <div id="vote"></div> - <button class="pure-button pure-button-primary" id="voteButton">Vote!</button> - </main> - - <script src="script.js"></script> -</body> - -</html>
\ No newline at end of file + <script src="script.js"></script> + </body> +</html> diff --git a/mottovote/public/style.css b/mottovote/public/style.css index bf4eac7..6e735e3 100644 --- a/mottovote/public/style.css +++ b/mottovote/public/style.css @@ -12,7 +12,6 @@ main { display: flex; flex-flow: row wrap; position: absolute; - height: 40%; width: 50%; left: 50%; top: 50%; @@ -28,6 +27,7 @@ main { } #vote { + max-height: 80%; margin-bottom: 20px; overflow-y: scroll; width: 100%; |