質問: wordpressのトップページ内で新着記事を表示したいと考えています。 画像と新着記事のタイトルなどを三つ、縦ではなく横に並べたいとした時、どのように表記したらいいかわからず困っております。ご教授いただけたら幸いです。 indepx.php ``` 最新情報 NEWS By harry black 新しいニュースです。新しいニュースです。新しいニュースです。新しいニュースです。新しいニュースです。 ``` テーマは自作のHTMLです。 CSS表記はこうなっております。 `CSS .site-section { padding: 3em 0; } @media (min-width: 768px) { .site-section { padding: 7em 0; } } .site-section.site-section-sm { padding: 4em 0; }` 現時点では縦並びで三つ表示されております。
回答: ついでにgridも ``` grid-template-columns:repeat(auto-fill,minmax(30rem,1fr)); ``` みたいな指定でflexっぽい感じにできる flexだと余った最後の行が横に伸びちゃうけど gridでやればその問題は解決 なおかつflexよりレイアウト処理が早い(らしい) 実装がflexの時より比較的各ブラウザの足並みは揃ってる感じ というかWordPressがすでに新エディタで カラムとかメディアと文章とかのブロックに使っちゃってる WordPress自身が使っちゃってるならもう WordPressのテーマ作るのに使ってもいいでしょう 動かなかったらどうせその辺で崩れるわけですし