未来電子テクノロジー(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;
}
}
###最後に
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし誤りがあれば、修正するので、どんどん指摘してください。