画像とコンテンツを含むレスポンシブなページをデザインする
P粉676588738
P粉676588738 2023-09-07 15:55:30
0
1
455

私はフロントエンドの初心者で、レイアウトと応答性の扱いにいくつかの問題を抱えています。

これはこれまでの私のコードです:

リーリー リーリー

これまでの私の試みをご覧ください。これが私が達成したいことです: https://www.figma.com/file/lqy0NTOiakaxeG5HoJk50f/Untitled?node-id=0:1。

これがかなり基本的なことであることはわかっていますが、何を試しても、常に何か他の問題が発生します。

P粉676588738
P粉676588738

全員に返信 (1)
P粉833546953

CSS グリッドを使用して、テキストの横に画像とボタンを配置します。

また、ボタンと画像を div でラップします (クラス名 right-col を付けました):

リーリー

すべてのコードを最大幅のラッパーでラップし、タイトルとコンテンツの両方を 100% にすることもできます。

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!