Issue #102 : CSS problems Resolved. Back-card designed.

Author: aayushjoglekar

css/projects-style.css

@@ -17,7 +17,7 @@
 .projects .card-underline{
     margin:0;
 }
-.projects .card .front .project .project-name{
+.project-name{
     text-transform: uppercase;
     font-size:14.5px;
     text-align: center;
@@ -51,4 +51,21 @@
 
 .projects .card .front .name{
     color:white;
+}
+
+.about-project{
+    font-size:15px;
+
+}
+
+.projects .card .back{
+    padding:3px;
+}
+
+.projects .card .back .card-underline{
+    margin-bottom:5px;
+}
+
+.projects .social i{
+    color:white
 }

index.html

@@ -221,7 +221,10 @@ <h1>Projects</h1>
             </div>
             <div class="back">
               <div class="about">
-                <h3>About project</h3>{{ project.about }}</div>
+                <p class="project-name">ABOUT PROJECT</p>
+                <hr class="card-underline">
+                <p class="about-project">{{ project.about }}</p>
+              </div>
               <div class="social">
 
                 <a v-bind:href="project.github">

js/projects.js

@@ -4,7 +4,7 @@ const app2=new Vue({
               projects : []
           },
           created() {
-              fetch('https://opencode18.github.io/OpenCode-Collaborative/projects.json')
+              fetch('https://tlazypanda.github.io/OpenCode-Collaborative/projects.json')
             .then(response => response.json() )
             .then(json => {
                 this.projects = json.projects