more styling

jordanlleslie · Nov 3, 2023 · c1ef896 · c1ef896
1 parent d4d213d
commit c1ef896
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 5 deletions.
diff --git a/assets/images/Down.svg b/assets/images/Down.svg
diff --git a/assets/images/Left.svg b/assets/images/Left.svg
diff --git a/assets/images/Right.svg b/assets/images/Right.svg
diff --git a/assets/images/Up.svg b/assets/images/Up.svg
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
       <div id="wrapper">
         <div id="poem-container">
           <h1 class="title">A typical conversation of mine this summer in Taiwan</h1>
-          <ul class="verse" id="verse1">
+          <ul class="verse active-verse" id="verse1">
             <li>Hello, my (English) name is Jordan</li>
             <li>Sorry, my Chinese isn't too good—</li>
             <li>It's good! you insist,</li>

diff --git a/styles.css b/styles.css
@@ -46,7 +46,7 @@ p {
 }
 
 .disabled-btn {
-  opacity: 0.5 !important;
+  opacity: 0.3 !important;
   &:hover {
     cursor: default !important;
   }
@@ -78,14 +78,18 @@ li {
   font-size: 20px;
 }
 
+.active-verse {
+  color: black;
+}
+
 #wrapper {
   display: flex;
   flex-direction: row;
   width: 100%;
   min-height: calc(100vh);
 }
 
-@media (max-width: 1150px) {
+@media (max-width: 1280px) {
   #wrapper {
     flex-direction: column;
     max-height: calc(50vh);
@@ -101,6 +105,7 @@ li {
   overflow: auto;
   max-height: calc(100vh);
   background-color: #fffffe;
+  min-width: 400px;
 }
 
 #statement-selector {