Skip to content

Instantly share code, notes, and snippets.

@Etc3tera

Etc3tera/css_quiz_1.html

Last active March 29, 2021 02:44
Show Gist options
  • Save Etc3tera/f73ade50c1fb1b4752c8a9d36ee7aeb0 to your computer and use it in GitHub Desktop.
Save Etc3tera/f73ade50c1fb1b4752c8a9d36ee7aeb0 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Quiz - 1
Raw
css_quiz_1.html
<html>
<head>
<title>CSS Test</title>
<style>
html {
font-size: 16px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.box {
border: 1px;
border-style: solid;
padding: 12px;
text-align: center;
font-weight: bold;
}
.left {
color: red;
border-color: red;
}
.right {
color: green;
border-color: green;
}
.container {
/* TODO */
}
.header {
/* TODO */
}
.content {
border: 1px solid red;
color: red;
font-weight: bold;
font-size: 3rem;
/* TODO */
}
.footer {
background-color: #ccc;
height: 64px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<div class="box left">Left</div>
<div class="box right">Right</div>
</div>
<div class="content">
<div>Hello World</div>
</div>
<div class="footer">
<!-- Footer -->
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment