So are you trying to get the scores to show below the dashboard similar to what I showed in my screenshot?
Your current markup is going to position the ‘bottom-right’ and ‘bottom-left’ relative the root body of the document… so depending on the effective resolution of your tablet, that means that the scores might overlay on top of your dashboard.
I usually find it easiest to explicitly specify the height of items that I want to have a fixed height (like the scores) and then let other parts of the document automatically scale (eg. 100% width) rather than trying to hard-code a width for them.
Take a look at the example markup I think it will help with some of the layout concepts if that’s what you were going for.
Edit: Here’s an updated working demo where I copied some of your sports scores related markup and script into the previous template I shared:
Sports News Demo (forked) - CodeSandbox