#82日目　TechAcademy「はじめての副業コース」

提出したい最終課題

昨日の続きで、PerfectPixelを使って、デザインカンプとの差異の微調整です。

途中だったセクションの後半は問題なく終わりました。

そして、一番下にあるフッターに到達しました。

フッターは、スマホ用とほぼ違いが無いので、スムーズ終わりました。

しかし、この段階で一番下のcopyrightの文字が黒ではなく灰色という事に気付きました。

スマホ用の作成の時も「なんかこの文字デザインカンプより太い気がする」と思い、何度もデザインカンプでfont-sizeとfont-weightを確認しました。デザインカンプでfont-weightがboldになっており、なんか変だと思った記憶があります。

Colorを灰色に変更してみると、「控えめな」文字となり、デザインカンプとも一致しました。

太さでなく色が薄くなっても、細くなった印象になるものですね。

「これで終了！」と思い、最後の確認として「スマホ用画面からパソコン用画面へのサイズ変更の途中」を確認しました。

すると、1か所3枚の画像のバランスが途中で崩れるセクションがあり、この部分の修正をしました。

そして、ついに「最終」課題提出です！

一応かなり確認した上での提出ですが、長いコーディングなので一発合格できる気は全くしないまま、返事を待ちます。

結果⇒　やはり不合格です。しかも、たくさん・・・

私一人ではとても解決できないため、調べてはメンター先生に質問です。

いつも迅速かつ的確に教えて下さるメンター先生は、本当にすごいです！

今回一番厄介だったのは「クリックすると開く」JavaScriptの部分なのですが、なぜか「パッ」と開かず、「ぼよよ～ん」と開く点です。

私は全く気にならなかった（そういうもんだと思っていた）のですが、レビューでは「パッ」と開くように指摘されました。

しかし、いまだ苦手なJavaScript・・・

全くわからずにメンター先生に質問です。

すると的確な返答をいただき「開いた後の要素に、width, height, paddingなどを設定しているせい」である事が分りました。

ですので、それらのwidth等を開く前の要素に設定したところうまくいきました！

そして、再度最終課題を提出し、本日の学習を終えました。