Channel page layout bug
I’m reporting a potential UI/layout issue on Twitch’s channel page.
The HTML element containing the username and profile picture (class "channel-info-content") uses:
width: calc(100% - 5rem);
This appears to create unnecessary empty space on the right side. When testing with:
width: 100%;
the layout aligns correctly and removes the gap across the screen sizes I tested.
3
votes
iamimemi
shared this idea
-
Meow_Synth
commented
This messes with me a lot, hahaha. I see that element has "margin-top: 468px;" which is good, but why do they add "width: calc(100% - 5rem);" after adding "width: 100%;" it's fixed!