Persönlich finde ich das bei einem Smartphone zentriert ein tacken schicker. ( aber das ist nur meine Meinung )
So sieht es dann aus:
Und hier mal der veränderte Code der CSS.
1. finde .clock und ersetzte ganze Klasse durch
Code: Select all
.clock {
height: 250px;
position: absolute;
/*left: 0px;*/
border: solid 1px gray;
overflow-x: hidden;
overflow-y: hidden;
display: flex;
justify-content: center;
align-items: center;
}
Code: Select all
.menu {
height: 50px;
width: 100%;
margin: 0%;
padding: 2%;
top: 0px;
/*left: 0px;*/
border: 1px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
}
Final ist das hier jetzt aber noch nicht, ich werden das noch so gestalten, das nur Smartphones diese Zentrierte Ansicht nutzen können. Tablets und PC's nicht.