Custom CSS for wrapping Cards

[JellyNerdCutie]

Hello!

I'm new to Jellyfin and migrated over the weekend from Plex. I was a long term Plex user but over the past few years their Roku app has become horrible and they have started to ignore the localized community. I migrated over to Jellyfin and love it so far. I have been playing around with themes, custom css, etc and ran into an issue I'm trying to fix.

For some reason, web-view and tv-view with my custom CSS works perfectly on a PC/Phone, but does NOT work on Roku devices. This wraps "My Media" to the edges, but on Roku. I seem to still have a left-to-right Navigation. What am I missing? Is this a limit to the Roku Jellyfin app? Any help would be great! 

Example Code:

@media all and (min-width: 75em) {
  .homePage .emby-scroller {
    margin-right: 0;
  }
  .homePage .emby-scrollbuttons {
    display: none;
  }
  .homePage .itemsContainer {
    flex-wrap: wrap;
  }
  .homePage .itemsContainer-tv {
    flex-wrap: wrap;
  }
  .overflowBackdropCard, overflowSmallBackdropCard {
    width: 18.5vw;
  }
}