mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-12 16:15:12 +00:00
fix(widget): Portfolio .project.card width (#1985)
Fixes 2 and 3 column responsive card layouts leaving extra space at far right side. Fixes #1981
This commit is contained in:
1 parent
3a03b728de
commit
d5663b2abb
1 file changed
+2
-2
@@ -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) {
|
||||
|
||||
Reference in new issue
Block a user