亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Grid を使用して設(shè)定したいと考えていることはわかりますが、殘念ながら、Grid はその用途に適したツールではありません。 Flexbox はあなたのニーズに最適です。 これは、必要な出力 を表示する 追い風(fēng)プレイグラウンドです。私がリンクしたプレイグラウンドは、例のように NextJS を使用しません。したがって、NextJS 固有のものではないため、畫(huà)像などのいくつかを修正しました。

スタイルにいくつかの変更を加えました。より効果的だと思います。つまり、幅の設(shè)定を畫(huà)像からコンテナの div に移動(dòng)しました。要件に応じてこの設(shè)定をさらに変更できます。

あなたのセットアップでは、コードは大まかに次のように変換されます。

次のようになります:

最大のパッケージ

中サイズ、パッケージなし

パッケージなしの小型

小型、パッケージ化された

サイズとラッピングが変更される正確なカットオフ ポイントは、実裝方法によって異なります。上記の點(diǎn)に満足できない場(chǎng)合は、必要に応じて lg、md プレフィックスを変更するだけです。