move css out of html into own file

This commit is contained in:
towards-a-new-leftypol 2023-08-24 18:07:37 -04:00
parent d5d05b2667
commit b73b3bad42
2 changed files with 27 additions and 3 deletions

View File

@ -4,11 +4,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title></title> <title></title>
<link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<header>
<h1>Hello World</h1> <h1>Hello World</h1>
<div class="info-container"></div> <div class="info-container"></div>
</header>
<main></main> <main></main>
</body> </body>
<script src="./script.js"></script> <script src="script.js"></script>
</html> </html>

21
style.css Normal file
View File

@ -0,0 +1,21 @@
body {
background-color: #eeeeee;
}
header {
margin: 1em 4em;
}
.post {
background-color: white;
margin: 1em 4em;
box-shadow: .4em .4em .4em grey;
border: 1px solid grey;
padding: 1em;
}
.post:hover {
background-color: #FFEEEE;
}