Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: Landing Page - Decrease main container height on mobile #1272

Merged
merged 1 commit into from Feb 14, 2023

Conversation

machikoyasuda
Copy link
Member

fix #1213

What this PR does

  • For the landing page on mobile, set the height of the main container to 100vh - 80px (header height).
  • The footer should be the only thing "under" the scroll now on mobile

Testing

image

image

image

image

image

@machikoyasuda machikoyasuda requested a review from a team as a code owner February 14, 2023 19:01
@github-actions github-actions bot added front-end HTML/CSS/JavaScript and Django templates deployment-dev [auto] Changes that will trigger a deploy if merged to dev and removed front-end HTML/CSS/JavaScript and Django templates labels Feb 14, 2023
@machikoyasuda machikoyasuda added front-end HTML/CSS/JavaScript and Django templates and removed deployment-dev [auto] Changes that will trigger a deploy if merged to dev labels Feb 14, 2023
@@ -725,7 +725,6 @@ a.card:focus-visible {
}

.landing main#main-content {
min-height: var(--landing-main-height);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This extra height declaration is not necessary because the child div's height will determine the parent's.

Copy link
Member

@angela-tran angela-tran left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested this out on various mobile screen sizes, and it looks good! 🎉

@machikoyasuda machikoyasuda merged commit 1f960fa into dev Feb 14, 2023
@machikoyasuda machikoyasuda deleted the fix/1213-landing-cta branch February 14, 2023 19:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front-end HTML/CSS/JavaScript and Django templates
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

Improve placement of mobile CTA
2 participants