From d5663b2abb9dd8cc43f24cff5bcf44d65ae8d933 Mon Sep 17 00:00:00 2001
From: rodrigoalcarazdelaosa <rodri.alcaraz@gmail.com>
Date: Fri, 27 Nov 2020 23:08:47 +0100
Subject: [PATCH] fix(widget): Portfolio .project.card width (#1985)

Fixes 2 and 3 column responsive card layouts leaving extra space at far right side.

Fixes #1981
---
 wowchemy/assets/scss/wowchemy/_widgets.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/wowchemy/assets/scss/wowchemy/_widgets.scss b/wowchemy/assets/scss/wowchemy/_widgets.scss
index 3f98f695..b2519019 100644
--- a/wowchemy/assets/scss/wowchemy/_widgets.scss
+++ b/wowchemy/assets/scss/wowchemy/_widgets.scss
@@ -460,11 +460,11 @@ ul.ul-edu li .description p.institution {
 
 .project-card {
   position: relative;
-  width: calc(33.3% - 2*20px); /* Fluid 3 columns (inc. 20px gutter) */
+  width: calc(33.3% - 13.3px); /* Fluid 3 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
 }
 @media screen and (max-width: 1199px) {
   .project-card {
-    width: calc(50% - 20px); /* Fluid 2 columns (inc. 20px gutter) */
+    width: calc(50% - 10px); /* Fluid 2 columns ($gutter * ($number_of_cols - 1) / $number_of_cols; following https://stackoverflow.com/a/51290967) */
   }
 }
 @media screen and (max-width: 768px) {