From a5d261ac935b4addc0c2a06a5a24cd836f16c317 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 14 Oct 2019 19:01:17 -0400
Subject: [PATCH] [+] Use grid to display basic info

---
 src/pages/course/course-page.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/course/course-page.vue b/src/pages/course/course-page.vue
index 6976ff8..1f95a84 100644
--- a/src/pages/course/course-page.vue
+++ b/src/pages/course/course-page.vue
@@ -1,5 +1,15 @@
 <template>
     <div id="course-page">
+        <el-row>
+            <el-col :span="8" id="course-description">
+                <div class="name">{{course.name}}</div>
+                <div class="teacher">{{course.teacherName}}</div>
+                <div class="level">{{course.level}}</div>
+                <div class="id">{{course.id}}</div>
+            </el-col>
+            <el-col :span="8"><div class="grid-content bg-purple-light"></div></el-col>
+            <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
+        </el-row>
     </div>
 </template>