Merge pull request #232 from JuliaAI/tutorial-names-descriptions

✨ Attempt to improve tutorial names and descriptions

Author: EssamWisam

_css/nav.css

@@ -44,7 +44,6 @@ a#home, a#contribute {
   justify-content: space-around;
 }
 nav {
-  //float: right;
   display: flex;
   justify-content: space-around;
   padding: 0.5rem;
@@ -78,7 +77,6 @@ nav ul li {
 nav ul li a,
 nav ul li a:visited {
   display: block;
-  //padding: 0 20px;
   line-height: 50px;
   background-color: #f1f1f1;
   color: #363636;
@@ -112,6 +110,10 @@ nav ul li a:visited:not(:only-child):after {
 nav ul li ul li a {
   padding: 15px;
   line-height: 20px;
+  font-weight: 300;
+}
+nav ul li ul li {
+  border-bottom: 1px solid #00000021;
 }
 .nav-dropdown {
   position: absolute;
@@ -135,7 +137,7 @@ nav ul li ul li a {
 .bottom-nav {
   background-color: #f1f1f1;
   font-weight: 600;
-  padding: 8px 8px;
+  padding: 15px 15px;
   color: #2e2e2e;
   border-radius: 45px;
   outline: none;
@@ -146,8 +148,9 @@ nav ul li ul li a {
   flex-direction: column;
   align-items: center;
   text-decoration: none;
-  width: 200px;
+  max-width: 500px;
   border: 2px solid #c1c1c1;
+
 }
 .bottom-nav:hover {
   background-color: #9b59b6;

_css/side-menu.css

@@ -6,6 +6,12 @@ body {
 
 .header h2 {
     text-align: center;
+
+}
+
+#menu-logo-link div {
+    white-space: normal !important;
+    /* word-wrap: normal !important; */
 }
 
 .pure-img-responsive {
@@ -65,6 +71,7 @@ The content `<div>` is where all your content goes.
         margin: 0.2em 0;
         font-size: 3em;
         font-weight: 300;
+
     }
     .header h1::before {
         content: url('https://seeklogo.com/images/J/julia-logo-DC9698BAF9-seeklogo.com.png');
@@ -122,6 +129,8 @@ appears on the left side of the page.
         color: #999;
         border: none;
         padding: 0.6em 0 0.6em 0.6em;
+        word-wrap: break-word;  
+        white-space: break-spaces;    
     }
 
     /*