Updated calendarapp css

widget_group_25/widget_group_25/static/calendarapp/styles.css

@@ -5,12 +5,13 @@
 }
 
 #content {
-    padding: 0 2em;
+    padding: 0 2rem;
 }
 
 body {
     background-color: aliceblue;
-    border: 1em solid aquamarine;
+    border: 1rem solid aquamarine;
+    font-size: 1.5rem;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     color: rgb(51, 51, 51);
@@ -22,4 +23,25 @@ body {
 b {
     color: mediumpurple;
     font-weight: 700;
+}
+
+#course_block {
+    width: 25rem;
+    padding: .5rem;
+    margin: .8rem;
+    border: .4rem solid lightcoral;
+    background-color: lightyellow;
+}
+
+img {
+    margin: .3rem;
+    height: 18rem;
+    width: 32rem;
+    object-fit: cover;
+    border: 0.5rem solid lightcoral;
+    display: block;
+}
+
+ul {
+    list-style: none
 }
\ No newline at end of file

widget_group_25/widget_group_25/templates/calendarapp/calendar.html

@@ -12,7 +12,7 @@
     <h3>List of Courses:</h3>
     <ul>
         {% for course in Courses %}
-            <li>{{ course.course_code }} {{ course.course_title }} {{ course.section }}
+            <li id="course_block">{{ course.course_code }} {{ course.course_title }} {{ course.section }}
                 <ul>
                 {% for event in Events %}
                     {% if event.course == course %}