(2)Merry Christmas(桌機main)

三、Flex 應用

section2 :Flex 應用 (2)

刪除以下先前CSS設定:

section:nth-child(2) {
    overflow: hidden;
}
figure { float: left; }

figure img{
    display: block; margin: auto; }

Flex設定

section:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
figure {
    display: flex;
}

figure a{
    background: #fff59d;
    display: flex;
    flex-direction: column;
    align-items: center;
}

figure img{
    width: 75%;
}

.more_s{        
    align-self: flex-end;
    margin-top: auto;
}