このチャプターの目次

CSS を適応して、装飾していきます。

app フォルダの下に、static、css フォルダを作成し、style.css ファイルを作成します。

└── app
    └── static
        └── css
            └── style.css

CSS 追加

app/static/css/style.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #f1f1f1;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

確認

Web サーバーを開始して、ブログのリストが表示されることを確認します。

(myvenv) ~$ python3 manage.py runserver

ブログリスト