hello-programmer-world/src/layouts/MarkdownLayout.astro at 334780b6ad92102739a4791b453a7198441c7dc1

Fork: 0

h.sakamoto / hello-programmer-world

Find file

Newer

Older

hello-programmer-world / src / layouts / MarkdownLayout.astro

h.sakamoto on 15 Dec 467 bytes style: use github css

Raw Blame History

---
import "github-markdown-css";
---

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body class="markdown-body">
    <article>
      <slot />
    </article>
  </body>
</html>

<style>
  .markdown-body {
    box-sizing: border-box;
    min-width: 200px;
    max-width: 980px;
    margin: 0 auto;
    padding: 45px;
  }
  @media (max-width: 767px) {
    .markdown-body {
      padding: 15px;
    }
  }
</style>