Source: https://almostinevitable.com/css-responsive-line-breaks/

@media all and (min-width:551px) {
    .desktop-br {display: inline;}
    .mobile-br {display: none;}
}
@media all and (max-width:550px) {
    .desktop-br {display: none;}
    .mobile-br {display: inline;}
}
Code language: CSS (css)

Then add the relevant class where you want to break. Show something on desktop but not on mobile, add a span

<span class="desktop-br">show on desktop hide on mobile</span>
Code language: HTML, XML (xml)

Add a break only on mobile

<span class="mobile-br"><br></span>
Code language: JavaScript (javascript)

Or

<br class="mobile-br">
Code language: JavaScript (javascript)