アフィリエイト広告を利用しています

Snow Monkey 1カラム スリムの横幅をnoteと同じぐらいにしてみた

ブログの読みやすさを追求しすぎて、先日まで13pxのフォントにして細かくした失敗をしました。

スマホの表示は、画面が狭いのでまぁイイんですが、PCで見たときのレイアウトで迷ったので、noteのレイアウトを参考にしてみました。

まずは、フォントサイズ 18pxに。これは、カスタマイズの画面で変更できるのでOK

で、noteの1カラムの横幅を測ると、620pxなので、そうなるようにCSSで調整しました。

/* シングルカラム 640 px  */
.u-slim-width {
    max-width: 720px !important;
}

[data-has-sidebar=false][data-is-slim-width=true] .c-entry__content {
    /* --wp-block-width: 640px; */
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告