Untitled
plain_text
a month ago
2.1 kB
2
Indexable
Never
<style> .angry-grid { display: grid; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: 'ad-leaderboard ad-leaderboard ad-leaderboard ad-leaderboard' 'header header header header' 'Latest-news Latest-news Latest-news top-mpu' 'Latest-news Latest-news Latest-news top-mpu' 'Latest-news Latest-news Latest-news watch-it-live' 'Latest-news Latest-news Latest-news watch-it-live' 'latest-videos latest-videos latest-videos latest-videos' 'latest-videos latest-videos latest-videos latest-videos' 'bottom-banner bottom-banner bottom-banner bottom-banner' 'fixtures-and-results fixtures-and-results fixtures-and-results bottom-mpu' 'standings standings standings bottom-mpu' 'footer footer footer footer'; gap: 1px; height: 100%; } #item-0 { background-color: #a755bc; grid-area: Latest-news; } #item-1 { background-color: #dad65d; grid-area: ad-leaderboard; } #item-2 { background-color: #57bbfd; grid-area: header; } #item-3 { background-color: #e6d6de; grid-area: latest-videos; } #item-4 { background-color: #6c95bf; grid-area: top-mpu; } #item-5 { background-color: #ba5d95; grid-area: watch-it-live; } #item-6 { background-color: #795dfe; grid-area: bottom-banner; } #item-7 { background-color: #db69ea; grid-area: fixtures-and-results; } #item-8 { background-color: #87fce7; grid-area: bottom-mpu; } #item-9 { background-color: #a1a1a1; grid-area: standings; } #item-10 { background-color: #dc7668; grid-area: footer; } </style> <div class="angry-grid"> <div id="item-0"> </div> <div id="item-1"> </div> <div id="item-2"> </div> <div id="item-3"> </div> <div id="item-4"> </div> <div id="item-5"> </div> <div id="item-6"> </div> <div id="item-7"> </div> <div id="item-8"> </div> <div id="item-9"> </div> <div id="item-10"> </div> </div>