Search code examples
csstailwind-css

Tailwind CSS: Ignore Linebreaks via <br/> on mobile screen

I have the following code:

<h2>
  Where ever you go <br/> i am there.
</h2>

On mobile screens I dont want the <br/> to enforce line break. Any idea how to achieve this using Tailwind CSS?

I tried using multiple code blocks but that feels like repetitive code and hurts SEO.

Solution

  • You can add class to <br> tag.

    In tailwind, <br class="hidden sm:inline" />

    https://play.tailwindcss.com/4koqbTma3P