forked from HoloTech/twitch-subathon-timer
Completed v2
- aligned elements to graphic - minimized wasted space (lots of small manual adjustments) - extra wrappers for better formatting - tested various text lengths to ensure static elements sizing
This commit is contained in:
52
index.html
52
index.html
@@ -33,37 +33,39 @@
|
||||
</h3>
|
||||
<div id='GoalProgressWrap'>
|
||||
<p id='GoalProgress'>
|
||||
0000/0000 Points
|
||||
1234/5678
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class='infoBox' id='InfoBox3'>
|
||||
<h2 id='TopUsers'>
|
||||
Top 3:
|
||||
Leaderboard
|
||||
</h2>
|
||||
<div class='giftUserRow' id='GiftUserRow1'>
|
||||
<p class='giftUserNum' id='GiftUserNum1'>
|
||||
1.
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName1'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
</div>
|
||||
<div class='giftUserRow' id='GiftUserRow2'>
|
||||
<p class='giftUserNum' id='GiftUserNum2'>
|
||||
2.
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName2'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
</div>
|
||||
<div class='giftUserRow' id='GiftUserRow3'>
|
||||
<p class='giftUserNum' id='GiftUserNum3'>
|
||||
3.
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName3'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
<div class='giftUserWrap'>
|
||||
<div class='giftUserRow' id='GiftUserRow1'>
|
||||
<p class='giftUserNum' id='GiftUserNum1'>
|
||||
1
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName1'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
</div>
|
||||
<div class='giftUserRow' id='GiftUserRow2'>
|
||||
<p class='giftUserNum' id='GiftUserNum2'>
|
||||
2
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName2'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
</div>
|
||||
<div class='giftUserRow' id='GiftUserRow3'>
|
||||
<p class='giftUserNum' id='GiftUserNum3'>
|
||||
3
|
||||
</p>
|
||||
<p class='giftUserName'id='GiftUserName3'>
|
||||
Usernamethatisverylong
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user