【#デイトラ 7日目】
— オサナイユウタ🎸🍺🖥 (@osanaiyuta) January 31, 2020
昨日よりはサクッと終了。footerの前にドットいらないの忘れがち。#30DAYSトライアル
「HTML & CSS 道場コース 上級編」コースを修了しました！ https://t.co/5ahBJUcrsu #Progate
学習コース上級編の実践編です。6日目よりは短時間でできました。レスポンシブデザインは必須なので、復讐も何度かやった方が良さげです。
実際に使ったhtml&cssコード他まとめ
改めて意味を調べ直してみたコード。意味を理解してイメージした方が覚えられます。
wrapper：包み込む
container：容器
複数のcontainerをwrapperするイメージです。
<div class="top-wrapper">
<div class="container">
<p>Progateはオンラインプログラミング学習サービスです。</p>
<p>初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラ ミングを学んでいきましょう。</p>
<div class="btn-wrapper">
<a href="#" class="btn signup">新規登録はこちら</a>
<p>or</p>
<a href="#" class="btn facebook"><span class="fa fa-facebook"></span>Facebookで登録</a>
<a href="#" class="btn twitter"><span class="fa fa-twitter"></span>Twitterで登録 </a>
</div>
</div>
</div>
text-align：テキストを揃える
なぜか覚えにくかったのでメモ。
関連記事
