format according to prettier

This commit is contained in:
Andreas Zweili 2021-01-13 21:25:49 +01:00
parent 81a575c0fe
commit 7496481809
2 changed files with 35 additions and 31 deletions

View File

@ -1,22 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A First App</title> <title>A First App</title>
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
</head> </head>
<body>
<body>
<div id="app"> <div id="app">
<div> <div>
<label for="goal">Goal</label> <label for="goal">Goal</label>
<input type="text" id="goal" /> <input type="text" id="goal" />
<button>Add Goal</button> <button>Add Goal</button>
</div> </div>
<ul> <ul>
<li>Test</li> <li>Test</li>
</ul> </ul>
</div> </div>
<script src="app.js"></script> <script src="app.js"></script>
</body> </body>
</html> </html>

View File

@ -1,40 +1,41 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
html { html {
font-family: sans-serif; font-family: sans-serif;
} }
body { body {
margin: 0; margin: 0;
} }
#app { #app {
margin: 3rem auto; margin: 3rem auto;
max-width: 40rem; max-width: 40rem;
padding: 1rem; padding: 1rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
} }
label, input { label,
margin-bottom: 0.5rem; input {
display: block; margin-bottom: 0.5rem;
width: 100%; display: block;
width: 100%;
} }
label { label {
font-weight: bold; font-weight: bold;
} }
ul { ul {
list-style: none; list-style: none;
margin: 1rem 0; margin: 1rem 0;
padding: 0; padding: 0;
} }
li { li {
margin: 1rem 0; margin: 1rem 0;
padding: 1rem; padding: 1rem;
border: 1px solid #ccc; border: 1px solid #ccc;
} }