質問拝見しました。
こちらcssを以下適用すればできるかと思います。
今一個の四角が横幅100%占めているので、以下cssで2個並ぶように横幅を調整いたします。
.grid-item {
width: 45%;
}
次にデフォルトで、四角が折り返すようになっているので、折り返さずにこ並ぶように以下cssを加えます。
.grid__inner {
flex-wrap: nowrap;
}
2個並べるのは以上のcssでできるかと思いますので、各種文字や写真、ボタンの高さや大きさは調整していただければと思います。
ご参考までにしてください。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス