ドットインストール - 3分動画でマスターできるプログラミング学習サービス

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/08/28 NEW

      【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中

    すべて見る
  • トップ /
  • マイページ /
  • レッスン一覧 /
  • 【旧版】実践!アプリ紹介ページを作ろう /
  • #13 メディアクエリを設定しよう /
  • header の右側にスペースができ、.info と .pic が中央に揃いません

header の右側にスペースができ、.info と .pic が中央に揃いません

header のあとに半角空白が必要です。
2021年7月12日
ユーザー

header の右側にスペースができ、.info 、.pic が中央に揃いません。
どのような問題があるでしょうか。

  • index.html
  • styles.css

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(14)

  • header の右側にスペースができ、.info と .pic が中央に揃いません
  • 中央揃えについて header に flex を指定しても同じ意味でしょうか?
  • header .pic {width: 40%}; は必要ですか?
  • align-self ではなく margin: auto を使っても良いですか?
  • header にクラス名をつけてはいけないのですか?
  • メディアクエリの幅は暗記した方がよいのでしょうか?
  • align-self で header .pic の配置を変更できません
  • メディアクエリの設定が900pxなのに800pxにしているのはなぜですか?
  • widthを%にしているのはなぜですか?
  • クラス名を使い回しているのは何故でしょうか?
  • align-selfと、align-contentやalign-itemsとの違いが良くわかりません
  • 行を移動させるショートカットキーを教えて下さい
  • フレックスボックスがうまく機能しません
  • 画面を広げてもフレックスボックスが横並びにならない

この質問のレッスン

PREMIUM
【旧版】実践!アプリ紹介ページを作ろう
スマートフォン画面にも対応したアプリ紹介ページを制作しながら、HTML/CSSの実践的なテクニックを学んでいきます。
0%
#13 メディアクエリを設定しよう
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 256times
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.