fix: course home card ui

lms/public/css/style.css

@@ -275,7 +275,7 @@ input[type=checkbox] {
 
 .course-card-wide {
   background-color: white;
-  padding: 0 1rem 1rem;
+  padding: 0 1.25rem 1.25rem;
   border-radius: var(--border-radius);
   width: 50%;
   box-shadow: var(--shadow-base);
@@ -305,10 +305,9 @@ input[type=checkbox] {
 
 .course-card-wide-title {
   font-weight: bold;
-  font-size: 36px;
+  font-size: var(--text-3xl);
   line-height: 44px;
   color: var(--gray-900);
-  margin-bottom: 0.75rem;
 }
 
 .button {
@@ -584,7 +583,11 @@ input[type=checkbox] {
 }
 
 .lesson-content-card {
-  margin-top: 2rem;
+  margin-top: 1rem;
+}
+
+.lesson-page {
+    background-color: #FFFFFF;
 }
 
 .lesson-content-card .alert-dismissible .close {
@@ -843,6 +846,10 @@ pre {
   font-size: 1rem;
 }
 
+.markdown-source p:last-child {
+    margin-bottom: 0;
+}
+
 .avatar img {
   object-fit: cover;
 }
@@ -1162,13 +1169,6 @@ pre {
   color: var(--gray-900);
 }
 
-.course-intructor-rating-section {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 2rem;
-}
-
 .seperator {
   margin: 0 1rem;
 }