ensure that the max-width applies to the list

nishkumar · Aug 24, 2016 · 8fa5f9e · 8fa5f9e
1 parent 801beaf
commit 8fa5f9e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -11,6 +11,11 @@
     <script src="scripts/avatars.js"></script>
   </head>
   <body>
-    {{ content }}
+    <div class="content">
+      {{ content }}
+    </div>
+
+    <h2>Students</h2>
+    {% include students.html %}
   </body>
 </html>
diff --git a/index.md b/index.md
@@ -22,7 +22,3 @@ Example data file ([`_data/{{ site.current_term }}/sahuguet.json`](https://githu
 ```
 
 Using the format above, replace with your own `emoji` (choose from [this list](http://www.emoji-cheat-sheet.com/)) and `introduction`. Note that we'll do this in the first class, using the same [workflow](https://docs.google.com/document/d/1-hk6GzhV1yHU1T0E7uqcdNTtvv3fuq1_WECQOWOT2zw/edit#heading=h.a73pobrphorc) that will be used for all assignments.
-
-## Students
-
-{% include students.html %}
diff --git a/styles/screen.scss b/styles/screen.scss
@@ -7,10 +7,6 @@ body {
   margin: 50px;
 }
 
-p {
-  max-width: 600px;
-}
-
 a {
   color: black;
 }
@@ -20,6 +16,10 @@ ul {
   padding: 0;
 }
 
+.content {
+  max-width: 650px;
+}
+
 .js-student {
   float: left;
   list-style-type: none;