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; margin: 0;
height: 100vh; height: 100vh;
background: linear-gradient(160deg, #784141, #271c27); background: linear-gradient(160deg, #784141, #271c27);
overflow: hidden;
width: 100%;
}
.centering {
display: flex; display: flex;
align-items: center; align-items: center;
overflow: hidden; padding: 0;
margin: 0;
height: 100vh;
width: 100%;
} }
.texts { .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> <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="texts" id="text-container">
<div class="title-text">CC Festival</div> <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> <div class="date-text normal-text">30 July 2022&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;2 pm</div>
@ -66,5 +67,6 @@
<div class="player-text" id="paused-text">Play music</div> <div class="player-text" id="paused-text">Play music</div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </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> <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="texts" id="text-container">
<div class="title-text">CC Festival</div> <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> <div class="date-text normal-text">30.Juli 2022&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;14:00 Uhr</div>
@ -67,5 +68,6 @@
<div class="player-text" id="paused-text">Musik</div> <div class="player-text" id="paused-text">Musik</div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>