### 前提・実現したいこと HTML & CSS 道場コース中級編中級編を復習しよう 3.レッスン一覧部分を作ろう画像を見ても違いがわからず次にすすめません。エラー部分が白くなってしまいます。どなたか助けていただけたら幸いです。 ### 発生している問題・エラーメッセージ ```ここに言語を入力 Progate

LEARN TO CODE.
LEARN TO BE CREATIVE.

Progateはオンラインプログラミング学習サービスです。
初心者にも優しいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。

Facebookで登録 Twitterで登録

Learn Where to Get Started!

HTML & CSS

Webページの作成に使用される言語です。HTMLとCSSを組み合わせることで、静的なページを作り上げることができます。

jQuery

素敵な動きを手軽に実装できるJavaScriptライブラリです。アニメーション効果をつけたり、Ajax（エイジャックス）を使って外部ファイルを読み込んだりと色々なことができます。

Ruby

オープンソースの動的なプログラミング言語で、シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。

PHP

HTMLだけではページの内容を変えることはできません。PHPはHTMLにプログラムを埋め込み、それを可能にします。

``` ```ここに言語を入力 /* CSSのリセット（消さないでください） */ html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div { margin: 0; padding: 0; } body { font-family:'Hiragino Kaku Gothic ProN W3', sans-serif } li { list-style: none; } a { text-decoration: none; } /* ここからCSSを書いていきましょう */ .container{ width: 1170px; padding: 0 15px; margin: 0 auto; } .top-wrapper{ padding: 180px 0 100px 0; background-image:url(https://prog-8.com/images/html/advanced/top.png); background-size: cover; text-align: center; width: 100%; } .container h1{ text-align: center; font-size: 45px; font-weight: bold; letter-spacing: 5px; color: white; opacity: 0.7; } .container p{ color: white; opacity: 0.7; } .btn{ color: white; padding: 8px 24px; border-radius: 3px; display: inline-block; } .signup{ margin-top: 30px; margin-bottom: 15px; background-color: #239b76; opacity: 0.8; } .facebook{ margin-top: 15px; background-color: #3b5998; opacity: 0.8; } .twitter{ margin-top: 15px; margin-left: 10px; background-color: #55acee; opacity: 0.8; } header { background-color: rgba(34,49,52,0.9); height: 65px; width: 100%; position: fixed; top: 0; z-index: 10; } .header-left{ float:left; } .logo{ margin-top: 20px; width: 124px; } .header-right{ float: right; color: white; background-color:rgba(255, 255, 255, 0.3); transition: all 0.5s; } .header-container { width: 1170px; margin: 0 auto; } .header-right:hover{ background-color:rgba(255, 255, 255, 0.5); } .header-right a{ line-height: 65px; padding: 0 25px; display: block; color: white; } .lesson-wrapper { height: 580px; text-align: center; background-color: #f7f7f7; } .heading { color: #5f5d60; margin-top: 80px; margin-bottom: 50px; } .heading h2 { font-weight: normal; } .lesson { float: left; width: 25%; } .lesson-icon { position: relative; } .lesson-icon p { position: absolute; top: 90px; width: 100%; color: white; } .text-contents { width: 80%; display: inline-block; margin-top : 20px; font-size: 13px; color: #b3aeb5; } ``` エラーメッセージ ![イメージ説明](9373f61272d2d75a56e34580141e20bd.png) ### 該当のソースコード ```ここに言語名を入力ソースコード ``` ### 試したことここに問題に対して試したことを記載してください。 ### 補足情報（FW/ツールのバージョンなど）ここにより詳細な情報を記載してください。

LEARN TO CODE.LEARN TO BE CREATIVE.

Learn Where to Get Started!

LEARN TO CODE.
LEARN TO BE CREATIVE.

	@@ -1 +1 @@
1	- ~~Progate HTML & CSS 道場コース中級編~~ エラー解決
1	+ 背景のエラーで困っています

質問編集履歴