diff --git a/public/themes/circlepro/stylesheets/application.css b/public/themes/circlepro/stylesheets/application.css
index a930ffd..13614e6 100644
--- a/public/themes/circlepro/stylesheets/application.css
+++ b/public/themes/circlepro/stylesheets/application.css
@@ -158,6 +158,23 @@ p.breadcrumb, p.buttons, p.author, p.other-formats {
 	font-size: 13px !important;
 }
 
+/*
+ * Avoid break inside each project block when use columns in the project's page.
+ *
+ * See https://stackoverflow.com/q/7785374
+ */
+#projects-index {
+	column-gap: 24px;
+	-webkit-column-gap: 24px;
+	-moz-column-gap: 24px;
+}
+#projects-index ul li {
+    -webkit-column-break-inside: avoid; /* Chrome, Safari */
+    page-break-inside: avoid;           /* Theoretically FF 20+ */
+    break-inside: avoid-column;         /* IE 11 */
+    display: table;                     /* Actually FF 20+ */
+}
+
 div#activity dt.icon {
 	background-position: 0 4px !important;
 }