Lesson

テレコのブロック

ブレイクポイント
プレビュー

コード

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
<