【HTML】【 CSS 】を使ってスマホだけ改行したい　【<br>タグ】

備忘録。
スマホだけ改行したい時のHTML
及びCSSの書き方。

まずはCSS

// スマホの時改行
.br-sm {
    display: none;
}

@media (max-width: 600px) {
    .br-sm {
        display: block;
    }
}

HTMLは定番通りに書けば良いのですが
一応例として記載しておきます。

<p>ここから下を改行したい<br class="br-sm">改行したいのはここ</p>

こんな感じです。
備忘録としてお使いください。