3つ並び要素

ブレイクポイント

プレビュー

PCスマホ

コード

CSS

.wrapper {
    max-width: 900px;
    margin: auto;
}
.inner {
    display: flex;
    justify-content: space-around;
}

.box {
    width: 30%;
    padding: 20px 0;
}

.box h3 {
    text-align: center;
    font-size: 20px;
}

.box img {
    width: 100%;
    height: auto;
}

.box p {
    font-size: 16px;
}

/*---- ここから下にPC・スマホ共用CSSを記述ください ----*/

/*---- ここから下にスマホ用CSSを記述ください ----*/

@media screen and (max-width: 320px) {

HTML

戻る