fix display errors

This commit is contained in:
Christoph Hagen 2022-03-26 20:15:27 +01:00
parent 9586e80569
commit 8e784ce162
3 changed files with 14 additions and 2 deletions

View File

@ -17,9 +17,17 @@ body {
margin: 0;
height: 100vh;
background: linear-gradient(160deg, #784141, #271c27);
display: flex;
align-items: center;
overflow: hidden;
width: 100%;
}
.centering {
display: flex;
align-items: center;
padding: 0;
margin: 0;
height: 100vh;
width: 100%;
}
.texts {

View File

@ -39,6 +39,7 @@
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
</div>
<div class="centering">
<div class="texts" id="text-container">
<div class="title-text">CC Festival</div>
<div class="date-text normal-text">30 July 2022&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;2 pm</div>
@ -65,6 +66,7 @@
<div class="player-text" id="playing-text">Paul Kalkbrenner - Since 77</div>
<div class="player-text" id="paused-text">Play music</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -39,6 +39,7 @@
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
</div>
<div class="centering">
<div class="texts" id="text-container">
<div class="title-text">CC Festival</div>
<div class="date-text normal-text">30.Juli 2022&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;14:00 Uhr</div>
@ -66,6 +67,7 @@
<div class="player-text" id="playing-text">Paul Kalkbrenner - Since 77</div>
<div class="player-text" id="paused-text">Musik</div>
</div>
</div>
</div>
</body>
</html>