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;