Menu
Is there any solution for line break when screen resolution is small instead of <br>? Because br break line all the time.
Here is my code:
<h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>
I think CSS3 may have solution of this issue.
Is there any solution for this <br>, because the line break only needed when page on mobile.
615
Essentially, media query breakpoints are pixel values that a developer/designer can define in CSS. When a responsive website reaches those pixel values, a transformation (such as the one detailed above) occurs so that the website offers an optimal user experience.
only screen: The only keyword is used to prevent older browsers that do not support media queries with media features from applying the specified styles. Syntax: @media only screen and (max-width: width) Example 2.
Press ALT+ENTER to insert the line break.
You could simply add a class to the BR tag and set it to be display:none by default.
Then in your mobile media query set it to "display: static"
I've suggested static rather than block because I don't think that a BR tag is display block by default so probably best to simply go with static.
181
If using Bootstrap:
<br class="visible-xs">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
