MENTA　4日目

こないだ提出したHTMLファイルのフィードバックが来ました。

■line-heightの指定は、固定値ではなく倍率で指定。

https://udemy.benesse.co.jp/development/web/line-height.html

lini-heightを単位なしで指定する意味。
https://qiita.com/4cres/items/5ab4b07e6b5cdfc8f799

Q.line-heightの指定方法はわかったけど、いまいち使い所がわかっていない。

未解決。

■Webフォントの使用。

游ゴシックは標準フォント

モンセラットはWEBフォント

https://saruwakakun.com/html-css/basic/google-fonts

Q.mac標準のフォントかどうか確認する方法。
　→WEBフォントを使用しなければならないかどうかがわからない。

　→これで解決！
　　https://saruwakakun.com/font-family

総称フォントファミリー：sans-serifは最後の砦

！解決！

■Google mapsの埋め込み。

iframeを使用。

https://olein-design.com/blog/google-map-iframe-for-responsive

https://me-pro.co.jp/blog/creative_007.html

iframeの埋め込みはできたが、widthが思うようにハマらない。
HTMLの階層か、その他のスタイルが影響しているのかもしれない。
この問題に時間をかけすぎてしまった。
平尾さんに聞こう。

未解決。

以下、未着手。

本当にifremeに時間をかけすぎた。

そして、未解決。

■キービジュアル→min-heightの使用。

■hタグはスキップしない。

<h1>~~~~</h1>　の次にｈ３はダメ。ｈ２のステップを踏む。一足飛び禁止。

■itemはカードモジュールをulで作成。

　並列の情報だから。

■序列があるものはolタグを使用。

道順の説明

■アクセスインフォは見出しじゃない。

ｄｌタグ

■料金表はtableタグかリストでつくる。

■セクションの高さは固定値を使用しない。

内包物とパディングで高さは作る。