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 name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1>Hello World</h1>
<div class="info-container"></div>
<header>
<h1>Hello World</h1>
<div class="info-container"></div>
</header>
<main></main>
</body>
<script src="./script.js"></script>
<script src="script.js"></script>
</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;
}