Improve project-list

_includes/project-list.html

 <div id="wrapper">
-	<div class="columns">
+<div class="container">
+	<div class="row">
 			{% assign sorted_projects = (site.projects | sort: 'date') %}
 			{% for project in sorted_projects reversed %}
 				<div class="pin">
+				  <p>
 					{% if project.image != "/assets/default-social-image.png" %}
 						<img src="{{ site.baseurl }}/images/thumbnails/{{ project.image }}" alt="">
 					{% endif %}
 					<h2><a href="{{ site.baseurl }}{{ project.url }}">{{ project.title }}</a></h2>
 					{{ project.short | markdownify | truncatewords: 20 }}
-
+				  </p>
 				</div>
 			{% endfor %}
 	</div>
 </div>
+</div>

assets/projects.css

@@ -15,13 +15,12 @@ columns {
   	padding: 20px;
   	border: 1px solid #ccc;
   	border-radius: 5px;
-  	width: 200px;
+  	width: 250px;
 
 }
 
 .pin img {
 	width: 100%;
-	border-bottom: 1px solid #ccc;
 	padding-bottom: 15px;
 	margin-bottom: 5px;
 }