2 つのフィールド (「お電話」と「メール」) を中央に配置し、同時に応答できるようにする必要があります。小さな画面に重ねて表示する必要があります。図のように大きな画面に正しく配置するためのインライン CSS がありますが、小さな画面では正しくスタックされません。コードを挿入する CSS ファイルが見つからないため、インライン CSS を使用しています。インライン CSS を使用してこれを修正することはできますか?可能であれば、大きな画面上で 2 つのフィールドを正しく中央に配置する、私が持っているインライン CSS を次に示します。
Bootstrap フレームワークを使用しているようです。クラス名
###あなたが持っている:### リーリーrow
にはdisplay: flex
が適用されているため、インライン スタイルは冗長です。インライン スタイルの代わりにjustify-content-center
クラス名を使用する必要があります。次のようにする必要があります:
リーリー 各ブレークポイントに同じ数の列を指定するのは冗長です。変更を適用するブレークポイントには適切なクラス名のみを使用してください。これは、より大きなすべてのブレークポイントに適用されるためです。###あなたが持っている:### リーリー
次のようにする必要があります:
リーリー 再現可能な例が提供されていないため、構造がどのようなものであるかを推測することしかできません。リーリー