テレコのブロック

ブレイクポイント

プレビュー

PCスマホ

コード

CSS

section {
    display: flex;
    align-items: center;
}
.box {
    width: 50%;
}
.box h3 {
    font-size: 28px;
}
.box img {
    width: 100%;
    height: auto;
}
.box p {
    font-size: 16px;
}
section:nth-child(2n) {
    flex-direction: row-reverse;
}

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

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

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

HTML

戻る