コーディング初心者が躓いたところ（個人的メモ）

ホバーした時に拡大される画像

overflow: hidden;

↑これを画像自体に設定していて、元の画像よりはみ出して大きくなってしまった。
実際は画像を囲うdivを作ってそちらのクラスに指定する。
また、下だけ元の画像よりはみ出して大きくなってどこが悪いのかずっと探していたけど
画像にmargin-bottomを付けたままだった

～メモメモ～

↓を:hoverに設定

transform: scale(1.1)

↓は元の画像に設定

transition: .3s;

ホバー時に複数のリンクと同時にホバーの動きを行う

クラス名:hover{
    .クラス名{
         動き
    }

    .クラス名{
         動き
    }

    .クラス名{
         動き
    }
}

ホバーに続けてそのクラス名を書けばおｋ