more styling

promised-ai · May 20, 2024 · 187db47 · 187db47
1 parent 8419cf1
commit 187db47
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/sass/style0002.sass b/sass/style0002.sass
@@ -127,6 +127,7 @@ section
 			margin-top: 2rem
 
 	&.code-section
+		max-width: 100%
 		min-height: 0
 		padding-top: 5rem
 		padding-bottom: 5rem
@@ -160,7 +161,7 @@ section
 			pre
 				box-shadow: 5px 5px 30px #33333333
 				width: 550px
-				font-size: 0.9rem
+				font-size: 0.8rem
 				line-height: 1.3
 				padding: 2rem
 				overflow-x: scroll
@@ -172,15 +173,19 @@ section
 				width: 100%
 
 			div.column
-				display: flex
+				display: grid
 				align-items: center
 				justify-content: center
 
 				&.top
 					align-items: flex-start
 
 				@media screen and (max-width: $small)
-					overflow-x: scroll
+					display: block
+
+					pre
+						max-width: 100vw
+						font-size: 0.5rem
 
 			table
 				margin-top: 4rem
@@ -545,6 +550,8 @@ table
 	form
 		input
 			width: 100%
+			border-radius: 0
+
 		div
 			padding-bottom: 1rem
 

diff --git a/templates/index.html b/templates/index.html
@@ -111,7 +111,6 @@ <h1>2. Identify Likely Errors</h1>
     </div>
     <div class="two-thirds">
       <div class="column">
-        <div>
           {{ "```python
 top_5_errors = (
   db_engine
@@ -173,7 +172,6 @@ <h1>2. Identify Likely Errors</h1>
               </tbody>
             </table>
           </div>
-        </div>
       </div>
       <div class="column">
         <div>
@@ -257,7 +255,6 @@ <h1>4. Identify errors in incoming data</h1>
     </div>
     <div class="two-thirds">
       <div class="column">
-        <div>
           {{ '```python
 err = db_engine.detect(new_satellite_record)
 err[0]
@@ -285,7 +282,6 @@ <h1>4. Identify errors in incoming data</h1>
               </tbody>
             </table>
           </div>
-        </div>
       </div>
       <div class="column">
         <div>