diff --git a/app/modules/discover/components/featured-projects/featured-projects.scss b/app/modules/discover/components/featured-projects/featured-projects.scss index 17e4c703..2efdce61 100644 --- a/app/modules/discover/components/featured-projects/featured-projects.scss +++ b/app/modules/discover/components/featured-projects/featured-projects.scss @@ -12,6 +12,7 @@ .featured-projects-inner { align-items: stretch; display: flex; + flex-grow: 0; flex-wrap: wrap; justify-content: space-between; } @@ -20,6 +21,8 @@ @include project-card; display: flex; flex-basis: 23%; + flex-wrap: wrap; + max-width: 23%; @include breakpoint(tablet) { flex-basis: 45%; } diff --git a/app/modules/discover/components/highlighted/highlighted.scss b/app/modules/discover/components/highlighted/highlighted.scss index e1064406..fb2091b9 100644 --- a/app/modules/discover/components/highlighted/highlighted.scss +++ b/app/modules/discover/components/highlighted/highlighted.scss @@ -50,10 +50,6 @@ display: inline-block; margin: 0; } - tg-highlighted { - display: flex; - flex: 1; - } .highlighted-projects-container { display: flex; flex: 1; diff --git a/app/styles/components/estimation.scss b/app/styles/components/estimation.scss index fcc98acd..39a0f6e3 100644 --- a/app/styles/components/estimation.scss +++ b/app/styles/components/estimation.scss @@ -10,6 +10,7 @@ flex: 1; justify-content: space-between; margin-bottom: .1rem; + min-height: 2rem; padding: .5rem 1rem; position: relative; transition: color .3s linear; diff --git a/app/styles/dependencies/mixins/project-card.scss b/app/styles/dependencies/mixins/project-card.scss index 731c6ca5..fa709c3c 100644 --- a/app/styles/dependencies/mixins/project-card.scss +++ b/app/styles/dependencies/mixins/project-card.scss @@ -13,6 +13,8 @@ padding: 1rem; display: flex; flex-direction: column; + flex-wrap: wrap; + width: 100%; } .project-card-description { @extend %small; @@ -43,12 +45,13 @@ } } .project-card-header { - align-items: flex-start; display: flex; + flex-grow: 0; } .project-card-logo { flex-basis: 50px; min-width: 50px; + height: 50px; margin-right: .5rem; img { width: 100%;