diff --git a/src/inc_css/landing.css b/src/inc_css/landing.css index 3901c6e..be559b3 100644 --- a/src/inc_css/landing.css +++ b/src/inc_css/landing.css @@ -54,10 +54,8 @@ position: fixed; margin: 0; - padding: 50% 0 0 0; + padding: 20% 0 0 0; height: 100%; - - /*background-color: blue;*/ } } diff --git a/src/inc_css/planets.css b/src/inc_css/planets.css index 75354e9..9088723 100644 --- a/src/inc_css/planets.css +++ b/src/inc_css/planets.css @@ -10,6 +10,14 @@ /*background-color: var(--background);*/ background-color: transparent; } +@media only screen and (max-width: 600px) { + .planets { + height: 100vmax; + width: 100vmax; + + transform: scale(0.5) translate(50%, 50%); + } +} .planet { position: absolute; diff --git a/todo.md b/todo.md index ec2eadd..70d07b4 100644 --- a/todo.md +++ b/todo.md @@ -12,8 +12,8 @@ * [ ] about * [ ] narrow text * [ ] hope -> use - * [ ] solar system - * [ ] smaller + * [x] solar system + * [x] smaller * [ ] gallery * [ ] column too thin * [ ] features