From 994367184dd87e626654c963bf3a35cbf8c726e7 Mon Sep 17 00:00:00 2001 From: Chaman Rawat <48222679+chaman-rawat@users.noreply.github.com> Date: Fri, 24 Sep 2021 13:41:48 +0530 Subject: [PATCH] Made changes in portfolio - All poster now follow aspect ratio of 2/3. - All portfolio captions container of same rows now have same height. (Used flex on the portfolio class) --- css/style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 49b640e..64cb85f 100644 --- a/css/style.css +++ b/css/style.css @@ -236,7 +236,8 @@ header.masthead .intro-text .intro-heading { #portfolio .portfolio-item { right: 0; - margin: 0 0 15px; + display: flex; + flex-direction: column; } #portfolio .portfolio-item .portfolio-link { @@ -247,6 +248,11 @@ header.masthead .intro-text .intro-heading { cursor: pointer; } +#portfolio .img-fluid { + aspect-ratio: 2 / 3; + object-fit: cover; +} + #portfolio .portfolio-item .portfolio-link .portfolio-hover { position: absolute; width: 100%; @@ -284,10 +290,10 @@ header.masthead .intro-text .intro-heading { #portfolio .portfolio-item .portfolio-caption { max-width: 400px; - margin: 0 auto; padding: 25px; text-align: center; background-color: #fff; + flex: auto; } #portfolio .portfolio-item .portfolio-caption h4 {