Blog

blog.markdown

Blog

A Pen by Laith Serhan on CodePen.

License.

index.html

<div class="page">
  <header>
    <h1>[ Blog ]</h1>
  </header>
  <main>
    <article><script src="https://gist.github.com/laithserhan/51575147d3ce7be43161ce5a54f1cc72.js?file=_rainbowtiles.markdown"></script></article>
    <article><script src="https://gist.github.com/laithserhan/24946fb57977d07304fbdeb36283dafb.js?file=_apple-style-menu-blur-css-filter.markdown"></script></article>
    <article><script src="https://gist.github.com/laithserhan/1a2e717d524fd08645cdab01e405b279.js?file=_rotate-images-in-ms-paint-calculator.markdown"></script></article>
  </main>
</div>

style.css

.page {
  width: 88.888%;
  margin: auto;
  font-family: monospace;
}
header h1 { padding: 2em 0; }
main article { padding: 0 0 2em 0; }

@media screen and (min-width:48em) {
    .page {
        width: 66.666%;
    }
}
@media screen and (min-width:48em) and (max-width:64em) {
}
@media screen and (min-width:64em) {
}