Remove <table> for blog post entires

blog/index.html

@@ -2,14 +2,17 @@
 layout: default
 title: "Blog"
 ---
-<table class="post-list">
-  {% for post in site.posts %}
-    <tr>
-      <td>
-        <h3 class="post-title"><a class="post-title-link" href="{{ post.url }}">{{ post.title }}</a></h2>
-        <span class="post-date">{{ post.date | date: "%d %B %Y" }}</span>
-        <div class="post-excerpt">{{ post.excerpt }}</div>
-      </td>
-    </tr>
-  {% endfor %}
-</table>
+<h1>Blog</h1>
+{% for post in site.posts %}
+<article>
+  <header>
+    <h2 class="post-title">
+      <a class="post-title-link" href="{{ post.url }}">{{ post.title }}</a>
+    </h2>
+    <time class="post-date" datetime="{{ post.date | date: '%y-%m-%d' }}">
+      {{ post.date | date: '%d %B %Y' }}
+    </time>
+  </header>
+  <div class="post-excerpt">{{ post.excerpt }}</div>
+</article>
+{% endfor %}