Webサイト制作で画像を埋め込む有効な技術

こんにちは！
今回はWebサイト制作の際に画像を埋め込む技術をここに残したいと思います。

画像を埋め込む際に例えば横並びのボックスデザインを実装したいとき、画像の縦幅がうまく調整できない状況におちいるときもあるかと思います。

そのときは以下のようなコードを書いてみてください。

main.css

.img-compornent{
    objectfit: cover;
    width: 100%;
    height: 100%;
}

このコードは、divタグなどで画面内の領域を決めている場合にその領域内に画像を崩さずに画面いっぱいに埋め込むことができます。

今回は少し短いですがここまでにしたいと思います！