diff --git a/analog.html b/analog.html index 59fbe8a..1426ae4 100644 --- a/analog.html +++ b/analog.html @@ -18,6 +18,7 @@ justify-content: center; align-items: center; height: 100%; + width: 100%; } #clock { position: relative; diff --git a/style.css b/style.css index d762149..7da4eea 100644 --- a/style.css +++ b/style.css @@ -68,6 +68,11 @@ text-align: center; position: relative; overflow: hidden; + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + height: 40vmin; } .current-time.manual::before { @@ -366,13 +371,15 @@ .time-display { display: flex; flex-wrap: wrap; - justify-content: center; - align-items: flex-start; + justify-content: flex-start; + align-items: stretch; gap: 20px; } .analog-clock-container { - flex: 0 0 300px; + flex: 0 0 auto; + width: 40vmin; + margin-left: auto; display: flex; justify-content: center; align-items: center;