fix(PublicPage): only capitalize the first letter of user content

manage card description long url overflow

assets/development/styles/home.css

@@ -168,6 +168,7 @@ Nav
   background: white;
   width: 100%;
   padding-bottom: .25em;
+  flex-grow: 1;
 }
 
 .mosaic-header {
@@ -255,21 +256,36 @@ Nav
   color: #B12008;
   margin: 0;
   margin-bottom: 0.5em;
+
+  /* to do a margin with the category icon */
+  padding-right: 1em;
 }
 
 .card-description {
   color: #34495E;
   margin: 0;
   line-height: 1.6em;
-  position: relative;
+
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  -ms-word-break: break-word;
+  word-break: break-word;
 }
 
+.card-description::first-letter {
+  /*
+  may mess up some content
+  */
+  text-transform: capitalize;
+}
+/* 
 .card-link {
   position: absolute;
   right: .5em;
   bottom: 0;
   margin-bottom: -.5em;
-}
+} */
 
 @media (max-width: 1350px) {
   .card-container {

assets/development/styles/organization.css

@@ -515,7 +515,7 @@ section {
   opacity: 0.75;
 }
 
-.schedule-category-name {
+.schedule-category-name::first-letter {
   /*
   may mess up some content
   */
@@ -621,16 +621,17 @@ section {
 
 .pricing-label {
   font-size: 1.5em;
-  
-  /*
-  may mess up some content
-  */
+}
+
+.pricing-label::first-letter {
   text-transform: capitalize;
 }
 
 .pricing-name {
   font-size: 1.8em;
+}
 
+.pricing-name::first-letter {
   /*
   may mess up some content
   */
@@ -639,7 +640,9 @@ section {
 
 .pricing-description {
   opacity: 0.9;
+}
 
+.pricing-description::first-letter {
   /*
   may mess up some content
   */
@@ -800,7 +803,9 @@ People cards
 
 .people-role {
   opacity: .8;
+}
 
+.people-role::first-letter {
   /*
   may mess up some content
   */