paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-15 03:11:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

/hello/: Make company logos larger in responsive situations.

Browse Source 
The logos would get really small around 1000px wide, so this reduces
the number of columns and makes the logos around 50% larger
horizontally.
This commit is contained in:
Brock Whittaker
2017-08-30 14:33:01 -07:00
committed by Tim Abbott
parent 841ab828e8
commit 6ac0e75005
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/landing-page.css
View File

@@ -1390,7 +1390,7 @@ nav ul li.active::after {
margin: 10px 20px; margin: 10px 20px;
height: 60px; height: 60px;
width: calc(20% - 44px); width: calc(25% - 44px);
background-color: hsl(0, 0%, 66%); background-color: hsl(0, 0%, 66%);
background-size: contain; background-size: contain;
@@ -2649,6 +2649,10 @@ nav ul li.active::after {
.portico-landing.hello .apps .left-side .content { .portico-landing.hello .apps .left-side .content {
margin: 0px auto 50px; margin: 0px auto 50px;
} }
.portico-landing.hello .testimonials .company-box .company {
width: calc(33% - 44px);
}
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
@@ -2779,6 +2783,10 @@ nav ul li.active::after {
.portico-landing.hello .testimonials .company-container { .portico-landing.hello .testimonials .company-container {
width: 100%; width: 100%;
} }
.portico-landing.hello .testimonials .company-box .company {
width: calc(25% - 44px);
}
} }
@media (max-width: 906px) { @media (max-width: 906px) {