From d4d213de2b9636d6be47f1cfe333aba18fa3cb36 Mon Sep 17 00:00:00 2001 From: Jordan Leslie Date: Thu, 2 Nov 2023 19:52:13 -0400 Subject: [PATCH] styling poem --- index.html | 2 +- styles.css | 21 ++++++++++++++------- 2 files changed, 15 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 3ea353a..6844d2f 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
-

A typical conversation of mine
this summer in Taiwan

+

A typical conversation of mine this summer in Taiwan

  • Hello, my (English) name is Jordan
  • Sorry, my Chinese isn't too good—
    • diff --git a/styles.css b/styles.css index b6247b5..ae0cc86 100644 --- a/styles.css +++ b/styles.css @@ -9,10 +9,6 @@ p { padding: 0; } -body { - padding-left: 5%; -} - .title { padding: 40px 0; font-weight: normal; @@ -22,11 +18,10 @@ body { display: flex; align-items: center; flex-direction: column; - margin-left: 100px; - background-color: #eee; + background-color: #edede9; padding-top: 40px; width: 100%; - flex: 3; + flex: 5; min-width: 600px; } @@ -90,10 +85,22 @@ li { min-height: calc(100vh); } +@media (max-width: 1150px) { + #wrapper { + flex-direction: column; + max-height: calc(50vh); + } + #poem-container { + max-height: calc(20vh); + } +} + #poem-container { + padding: 0 5%; flex: 2; overflow: auto; max-height: calc(100vh); + background-color: #fffffe; } #statement-selector {