Skip to content

Instantly share code, notes, and snippets.

@limistah
Created March 15, 2020 07:32
Show Gist options
  • Save limistah/968c359bb368c97766abdca9d29a565b to your computer and use it in GitHub Desktop.
Save limistah/968c359bb368c97766abdca9d29a565b to your computer and use it in GitHub Desktop.
Hello World CSS
<html>
<head>
<link href="./program.css" rel="stylesheet" />
</head>
<body>
<div class="app"> </div>
</body>
</html>
* {
box-sizing: border-box;
}
html, body, .app {
height: 100vh;
width: 100vh;
position: relative;
}
.app {
background: linear-gradient()
}
.app::after {
content: "Hello world!";
position: absolute;
width: 100%;
height: 90vh;
margin: auto 0;
font-size: 2em;
background: tomato;
color: lightgrey;
left: 0;
right: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment