記事一覧
HTML/ CSS 〜Progate道場コース中級編（全部通して自力でやってみよー💪body lessonからWebページの公開まで！）〜
目標3ｈ20ｍのところ、前回、、、1ｈ…50ｍくらい？（結構おおめにに見て😅）
コードを書けたのは、実際には、1ｈ10ｍくらいだったけど（言い訳⚡️）、絶対に疑問や調べ物系が出るからややこしや…
めげずに、もうひと書き٩( 'ω' )و
【自分でやってみて、抜けていた箇所】
🌸body lesson
→.lesson-icon p{
position:absolute;
top:
HTML/ CSS 〜Progate道場コース中級編（全部通して自力でやってみよー💪headerから、body mainまで）〜
目標は3h20ｍ！
【ボタン、アイコンの挿入】
サルワカさんのを用いて、ようやく、Font Awesomeさんの最新Ver.の方を使うことが出来ました。これまで、何故に出来んかったのだろう…🙄spanとiの違いかなぁ…
🌸サルカワさん紹介（最新）Ver.→<link rel="stylesheet" href="https://use.fontawesome.com/releases/v
HTML/ CSS 〜Progate道場コース中級編（bodyの背景画像・ボタンレイアウト・アイコンの挿入）〜
Progate道場で復習中。今日からraidingページの中級編。目標は3ｈ20ｍ⭐️
【背景画像の入力と、top-wrapperの作成】
🍀改行について→<br>を使うか、<h1><h1>にするか迷ったため。
→文章が長くなる場合（今回は<p>）、2つ使いをすることに。
🍀背景画像の挿入→
.containerではなく、.top-wrapperでコーディング。
🍀top-wra
HTML/ CSS 〜Progate道場コース初級編（全部通して、自力でやってみよー！→お問い合わせ内容とフッター⚠️中央揃え）〜
お問い合わせフォームとフッターの作成時間に関しては40分くらいで、気になったところや中央揃えの調べに約1時間かけました…😅今日は2ｋｍ程先の踏切がたらふく見える公園に行ったから、子供たちも喜んで遊び、その後良く寝てくれました🥰おかげで昼活も1時間程出来たけど、自分の遊び時間も作っちゃったから、夜活で補いましたとさ。
【お問い合わせ内容の作成と、フッターの作成】
🍀Atomでtextare
HTML/ CSS 〜Progate道場コース初級編（全部通して、自力でやってみよー！→body contentsまで）〜
【初級編のコーディングを、Atomを使ってやってみる！】
🍀cssをスムーズに適応させるために
🍀bodyのheader→<div class="header">のdiv忘れ😱
→プレビューの表示より修正。
🍀body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}
→ b
HTML/ CSS 〜Progate道場コース初級編（お問い合わせフォームの作成、フッター部分の作成）〜
【お問い合わせフォームの作成】
🍀前回の、<h3 class="section-title">でh3のclass設定を使用。
🍀inputとtextarea
🍀typeとvalue
⚠️.contact-formのpadding設定をしても一向に左隅に余白が出来ず、困った困った状態に…
→<div class>のdivが、divがぁぁぁ… dovに！！😱
【フッター部分の作成】