特定のデザインを構築しようとしています。これはデスクトップとモバイル デバイスのデザインです:
リーリー リーリー
これは私がこれまでに開発したコードペンです。これらの要素をどのように配置し、どのようなアプローチをとればよいのかわかりません。
まず、コンテナ要素の最大幅と幅を適切に設定し、(デスクトップのデザインに従って) コンテナ要素が画面の中央に配置されるようにする必要があります。
.text-container div を画像の上になるように左側に配置します。すでに正しい階層にあるため、z- を設定する必要はありません。 index 画像の上に重ねられます code>
div を画像の上になるように左側に配置します。すでに正しい階層にあるため、
画像の上に重ねられます code>
.text-container に移動して、テキストと一緒に配置できるようにします
に移動して、テキストと一緒に配置できるようにします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
まず、コンテナ要素の最大幅と幅を適切に設定し、(デスクトップのデザインに従って) コンテナ要素が画面の中央に配置されるようにする必要があります。
2 番目に、.text-container
最後に、ボタンをdiv を画像の上になるように左側に配置します。すでに正しい階層にあるため、z- を設定する必要はありません。 index画像の上に重ねられます code>.text-container
これは CSS の更新されたセクションです:に移動して、テキストと一緒に配置できるようにしますリーリー リーリー
画像のサイズを変更する場合、リファレンス デザインと同じアスペクト比を維持する必要があることに注意してください。