グリッド内の入力ボックスが画面上で拡大しないようにするにはどうすればよいですか?

Question

現在のユーザーインターフェイス:

必要なユーザー インターフェイス:

右セクションの入力要素が右セクション全体に拡張されないようにする方法は?問題は、.right-section フォームのグリッド列

にあると思います。

HTML と CSS を見て教えてください。これを修正する方法がまったくわかりません。

リーリー リーリー

グリッドの列幅を手動で調整してみましたが、ある程度うまくいきました。両方の列に固定ピクセル値（つまり、200px 300px）を使用する場合、入力の幅を操作できますが、それでも問題は解決できません。

.grid-1 および .grid-2 div クラス (上記の入力を含む) は縮小しますが、.card-information は縮小しません。

Answer 1

何を質問しているのかわかりにくいですが、フォーム入力の幅を制限したいだけの場合は、フォーム要素に定義された幅を設定してみてください (例: .right-section form {width : 70%; } または入力の親コンテナ (つまり、.grid-1、.grid-2、.card-information {width: 70%;})。必要に応じて調整します。