Created
July 16, 2020 16:22
-
-
Save nottrobin/79dd10e8f807dbf082efef0ccd5db2c9 to your computer and use it in GitHub Desktop.
Simplest layout
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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