Vito Comments - Answer Overflow

Ok so I have two solutions which both work. But from what I'm reading, the divs would also be bad for screen readers but I don't know about the spans.

8 replies

KPCKevin Powell - Community

•Created by Vito on 11/6/2024 in #front-end

Best practice for forcing text to wrap onto new line on a specific word

          <h2 className="text-2xl sm:text-4xl text-center sm:text-left mb-6 font-bold drop-shadow-[3px_3px_0px_hsl(0,0%,82%)] ">
            <div>Lorem ipsum dolor sit,</div>
            <div>consectetur adipiscing,</div>
            <div>sed do eiusmod labore?</div>
          </h2>

          <h2 className="text-2xl sm:text-4xl text-center sm:text-left mb-6 font-bold drop-shadow-[3px_3px_0px_hsl(0,0%,82%)] ">
            <span className="block">Lorem ipsum dolor sit,</span>
            <span className="block">consectetur adipiscing,</span>
            <span className="block">sed do eiusmod labore?</span>
          </h2>

          <h2 className="text-2xl sm:text-4xl text-center sm:text-left mb-6 font-bold drop-shadow-[3px_3px_0px_hsl(0,0%,82%)] ">
            <div>Lorem ipsum dolor sit,</div>
            <div>consectetur adipiscing,</div>
            <div>sed do eiusmod labore?</div>
          </h2>

          <h2 className="text-2xl sm:text-4xl text-center sm:text-left mb-6 font-bold drop-shadow-[3px_3px_0px_hsl(0,0%,82%)] ">
            <span className="block">Lorem ipsum dolor sit,</span>
            <span className="block">consectetur adipiscing,</span>
            <span className="block">sed do eiusmod labore?</span>
          </h2>

8 replies

KPCKevin Powell - Community

•Created by Vito on 11/6/2024 in #front-end

How does uniqlo maintain video placement on their site while vertically resizing?

Ok, thank you, Ill try it out in code.

3 replies

Gaming

Programming