質問: ![A](/c/image/serverpage/image-id/64785iDB05879E4AF7DCDB/image-size/medium?v=1.0&px=400 "スクリーンショット 2020-09-11 21.48.30.png")A![B](/c/image/serverpage/image-id/64786i0A764A2246CC4DCF/image-size/medium?v=1.0&px=400 "スクリーンショット 2020-09-11 21.48.58.png")B ブログ記事のレイアウトについてのご質問です。 テーマはDebutを使用しています。 セクションから追加した際に上記のように表示されます。 ブログ記事だけ、画面サイズが縮小した際に左の状態を維持したいのですが scssの何処を変えたらよろしいでしょうか? どなたかご存知な方 回答をよろしくお願い致します。
回答: ご希望の状態なのかあまり自信がありませんが、恐らく以下でご希望の状態になるかと思います。 書き方はいくつもあるのであくまで一例です。 ``` .grid--blog .grid__item { width: 33.33333%; } ``` 余白などより細かい設定は、theme.scss.liquidの.grid__item付近の記述や、ブラウザの開発者ツールで確認可能なので、それらを参照していただければと思います。