Progate上級編

未来電子テクノロジー（https://www.miraidenshi-tech.jp/intern-content/program/ ）
で、インターンをしているたくみです。
今回は前回の中級編からステップアップして、取り組んできたProgate HTML/CSSの上級編の一部をまとめてみました。

メディアクエリの条件設定

h1{
color:black;
}
@media(max-width:1000px){
h1{
color:blue;
}
}

スマートフォン向けのメディアクエリの書き方

＠media(max-width:500px;){
.lesson{
width:100%;
}
}

footerの位置設定

＠media(max-width:500px;){
footer{
text-align: center;
}
}

最後に

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし誤りがあれば、修正するので、どんどん指摘してください。