Vito Comments - Answer Overflow

Vito

Posts Comments

KPCKevin Powell - Community

•Created by Vito on 3/15/2025 in #front-end

Layout on mobile browsers breaks when grid-template-columns is not explicitly set.

I’ll try throwing it up on codepen and see if it breaks

6 replies

KPCKevin Powell - Community

•Created by Vito on 3/15/2025 in #front-end

Layout on mobile browsers breaks when grid-template-columns is not explicitly set.

And thats exactly my point. I shouldnt need to remove the grid or add grid cols. The layout was only broken on my phones browsers. There a layout issue at all when testing it responsively on my pc

6 replies

KPCKevin Powell - Community

•Created by Vito on 3/15/2025 in #front-end

Layout on mobile browsers breaks when grid-template-columns is not explicitly set.

6 replies

KPCKevin Powell - Community

•Created by Vito on 2/25/2025 in #front-end

Anchor tag is clickable past it's visual width

2 replies

KPCKevin Powell - Community

•Created by Vito on 12/12/2024 in #ui-ux

References/examples of what this design is called?

I'll take a look, thank you!

4 replies

KPCKevin Powell - Community

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

Why does child element cause parent to overflow

6 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

Awesome, I'll check it out. Thank you

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

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