Day 35 Webデザイナー学校　imgはbackgroundで！！

2023/03/23

昨日はかわいいアザラシが懐いてくれる夢をみました！

恋愛運と良いことが起きる予兆だそうです！！

彼女がいない　仕事がないので

おおいに信じていきたいと思います！！

授業内容

・検定対策
・フロートカフェの課題をこなす

Webクリエイター検定試験のやつは指示書と共にするだけなのですが

難しいというか基礎のhtmlができていなくてバグって見える。。

回数こなせば良いのかなとは思いました！

フロートカフェとかいう先生が制作した課題が割と

難しくて面白い。

昨日の

navが横に並んでくれない

のは無事解決して

ul{
display: flex;
}
li{
width: calc(100% / 6);
}

で見事に綺麗に並びました！

imageをグラデするというものもあるんですが

imageをhtmlに載せると上手く行かないので

imageをbackground: cover;においてlinear-gradientにすると上手くいきます！

.class_img{
background-size: cover;
background:linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) 
}

みたいな感じです

最近のはimageのサイズを目一杯多くするのが主流なので

backgroundにするのが良いみたいです。