Skip to content

Nigels landing page #983

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

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Nigels landing page #983

wants to merge 9 commits into from

Conversation

NigelTatem
Copy link
Collaborator

Look at closed pr #976

@NigelTatem NigelTatem requested a review from a team as a code owner March 20, 2025 21:37
@dti-github-bot
Copy link
Member

dti-github-bot commented Mar 20, 2025

[diff-counting] Significant lines: 1208. This diff might be too big! Developer leads are invited to review the code.

Copy link
Contributor

github-actions bot commented Mar 20, 2025

Visit the preview URL for this PR (updated for commit a96a738):

https://cornelldti-courseplan-dev--pr983-nigels-landing-page-bkmk00fh.web.app

(expires Fri, 16 May 2025 01:13:09 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 6d4e0437c4559ed895272bbd63991394f1e0e933

Copy link
Contributor

@nidhi-mylavarapu nidhi-mylavarapu left a comment

Choose a reason for hiding this comment

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

Looks amazing Nigel! Can't wait to see the final landing page after the scaling bug is fixed :) Great job!!

Copy link
Member

@ejcheng ejcheng left a comment

Choose a reason for hiding this comment

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

Yeah, to add to Nidhi's comments, to fix the scaling issues, I think good first steps would be:

  1. Instead of using the explicit pixel values (which don't scale well on mobile/different aspect ratio screen sizes), use CSS flexbox.
  2. Some of the transform properties, especially when combined with absolute pixel values, can contribute to the "text off the page" issue, depending on the device you use. I'm not too well-versed in this, but I think changing your approach to not use transform would be better.
  3. Adding media queries to explicitly target mobile devices— the current ones only apply the CSS properties under them to devices with a breakpoint of "large" or under

I think we should definitely discuss this during the next CoursePlan standup/work sesh, this is a pretty complicated frontend design and getting the CSS just right for this is going to be difficult.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants