feat: profile page and other issues

community/public/css/style.css

@@ -285,12 +285,12 @@ input[type=checkbox] {
   flex-direction: column;
   width: 352px;
   height: 380px;
-  margin: 0px 32px 32px 0px;
+  margin: 0px 20px 32px 0px;
 }
 
 @media (max-width: 768px) {
   .course-card {
-    margin: 0px 18px 32px 0px;
+    margin: 0px 8px 32px 0px;
     width: 336px;
   }
 }
@@ -368,7 +368,7 @@ input[type=checkbox] {
   flex-wrap: wrap;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 375px) {
   .cards-parent {
     justify-content: center;
   }
@@ -538,14 +538,14 @@ div.custom-checkbox>label>input:checked+img {
   padding: 0px 0px 80px;
   display: flex;
   flex-direction: column;
-  width: 1120px;
+  max-width: 1120px;
   margin: 0 auto;
 }
 
 @media (max-width: 768px) {
   .course-home-page {
     padding: 0px 0px 30px;
-    width: 90%;
+    max-width: 688px;
   }
 }
 
@@ -781,6 +781,10 @@ div.custom-checkbox>label>input:checked+img {
   font-weight: bold;
 }
 
+.member-card-xl .member-card-title {
+  font-weight: bold;
+}
+
 .member-card-medium {
   width: 160px;
   height: 140px;
@@ -802,6 +806,12 @@ div.custom-checkbox>label>input:checked+img {
   }
 }
 
+.member-card-xl {
+  height: 188px;
+  margin-top: 16px;
+  background: #E2E6E9;
+}
+
 .course-home-headings {
   font-weight: 600;
   font-size: 22px;
@@ -1029,3 +1039,43 @@ div.custom-checkbox>label>input:checked+img {
   padding: 2px;
   margin: 0px 4px 4px;
 }
+
+@media (max-width: 375px) {
+  .profile-courses {
+    padding: 0px 24px 0px;
+  }
+}
+
+.no-preview {
+  display: flex;
+}
+
+.progress-text {
+  font-size: 12px;
+  line-height: 165%;
+}
+
+.course-creator-progress-parent {
+  display: flex;
+  flex-direction: column;
+}
+
+.progress-card {
+  width: 256px;
+  display: flex;
+  flex-direction: column;
+  padding: 24px;
+}
+
+.progress {
+  width: 100%;
+  height: 8px;
+}
+
+.progress-bar {
+  background-color: #318AD8;
+}
+
+.hljs {
+  white-space: pre-wrap;
+}

community/public/icons/lock.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.21372 1.32458C4.68749 0.842346 5.33007 0.571429 6.00009 0.571429C6.67011 0.571429 7.31269 0.842346 7.78647 1.32458C8.26024 1.80682 8.52641 2.46087 8.52641 3.14286V5.14286H3.47378V3.14286C3.47378 2.46087 3.73994 1.80682 4.21372 1.32458ZM2.91237 5.14286V3.14286C2.91237 2.30932 3.23769 1.50992 3.81675 0.920521C4.39581 0.331122 5.18118 0 6.00009 0C6.81901 0 7.60438 0.331122 8.18344 0.920521C8.7625 1.50992 9.08781 2.30932 9.08781 3.14286V5.14286H9.9299C10.705 5.14286 11.3334 5.78245 11.3334 6.57143V10.5714C11.3334 11.3604 10.705 12 9.9299 12H2.07026C1.29512 12 0.666748 11.3604 0.666748 10.5714V6.57143C0.666748 5.78245 1.29512 5.14286 2.07026 5.14286H2.91237ZM8.80711 5.71429H3.19308L2.07026 5.71429C1.60517 5.71429 1.22815 6.09804 1.22815 6.57143V10.5714C1.22815 11.0448 1.60517 11.4286 2.07026 11.4286H9.9299C10.395 11.4286 10.772 11.0448 10.772 10.5714V6.57143C10.772 6.09804 10.395 5.71429 9.9299 5.71429L8.80711 5.71429Z" fill="#192734"/>
+</svg>