WEBデザインを学んでいる者です。コーディングに苦労しているのですが、下記サイトにあるように、グリッドデザイン（罫線が引いてあるような…）を実装したいです。ですが、下記サイトにあるよう、縦線が画面サイズよりも数ピクセル内側に引いてあるようにコーディングしたいのですが、html、cssなど誰か分かる人いらっしゃいますか…？https://girl.houyhnhnm.jp/butsuyoku/

https://girl.houyhnhnm.jp/butsuyoku/



カレンダーのようなグリッドレイアウトですよね。



まずサイトの必要な箇所のみ抜粋を作成します。

http://er8.s323.xrea.com/ghbutsuyoku001.html



質問内容から今回は学習用ということなので必要な箇所のみ抜粋したほうが作業しやすいです。

CSS、Javaスクリプト、フォントが多種多様に使われているので整理する必要があります。

【機能修正】

jQueryは3.7.1最新版にしています。サイトの表示パフォーマンス向上化もしています。



【注意点】

相対パスは絶対パスに変更しましたが、『GIRL HOUYHNHNM』のサイト掲載が終了してしまうと画像、CSS、Javaスクリプトなどが正常に表示、機能しないのでローカルファイルにダウンロードしておいたほうが良いです。今回はとりあえず絶対パスにしたままで行います。