Skip to content

Instantly share code, notes, and snippets.

@nottrobin
Created July 16, 2020 16:22
Show Gist options
  • Save nottrobin/79dd10e8f807dbf082efef0ccd5db2c9 to your computer and use it in GitHub Desktop.
Save nottrobin/79dd10e8f807dbf082efef0ccd5db2c9 to your computer and use it in GitHub Desktop.
Simplest layout
<!doctype html>
<!--
# Features:
- Keep CSS inline: It will be small enough not to add much weight to the page, which means it's better to avoid the extra HTTP call to request CSS
- Use system fonts: But it's hard to find a nice system font for both Linux, Windows and MacOS
-->
<html>
<head>
<style>
body {
/* font-family: IPAexMincho, sans-serif; */
font-size: 1.5rem;
background-color: #efefef;
margin: 0;
}
article {
margin: 0 auto;
padding: 3em;
max-width: 45em;
line-height: 1.3em;
background-color: white;
}
article h1 {
font-size: 3em;
margin-bottom: 1.5em;
}
</style>
</head>
<body>
<article>
<h1>Article title</h1>
<p>
Some paragraph of very interesting text. This text is gonna be so amazingly interesting that it will blow your mind. The arguments made will be so succinct and impressive that you will be immediately convinced of their veracity.
</p>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment