HTML&CSSの学習記録１

日付

４月２６日、２８日（時間：７６分　Togglで管理）

教材

progate:HTML & CSS 学習コース 初級編 1〜13

分からないときは下記を参考にしました
mdn html
mdn css

感想

ドットインストールですでに講座を終えていたからついていけたが、何も知らない状態でやっていたら挫折していたと思う

気になったこと

同じコードをATOMに引き写して確認していた時、プレビューどおりにならなかった（レッスン１３）

リストとタイトルの下に空白が出現（コードは下記）

index.html

      <div class="header-logo">
        XXXXX
      </div>

      <!-- <div>要素を追加し、「header-list」というclassをつけてください -->
      <div class="header-list">
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ul>
      </div>

XXXXX
→この空白が謎←
li1
li2
li3

検証するとulのmarginと判明

とりあえず下記のコードで対処

stylesheet.css

ul{
  margin-top: -6px;
}

きれいな対処方法かはわからないが、同じようになった