-
Notifications
You must be signed in to change notification settings - Fork 1
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
Create intro and mentor sections #26
Conversation
Deploy preview for zothacks-site-2023-sanity ready!
|
Deploy preview for zothacks-site-2023 ready!
|
3fa141d
to
7f46b1b
Compare
The green sticky is meant to be under the yellow one as per the Figma. The curved yellow sticky won't work in the mobile view, but the green sticky being underneath the yellow one is something I attempted to preserve here. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice start, looking decent so far. Few notes on asset types and style usage, and we'll need to work getting a more fluid, responsive design.
- Use pseudo-elements to construct extended chevron with borders - Use `bootstrap.button-variant` mixin for styles - Implement pulling effect with left padding transition - Add `translateZ(0)` to rotations to prevent rendering bugs in Safari
- Replace Bootstrap `Row` with `div` since container handles padding - Remove unused `useWindowWidth` reference
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Making great progress towards having the Home page ready.
Lingering issues: intro index card crop, hidden h2 for mentor section, minor post-it layout adjustments
This includes:
As discussed with @taesungh , a flat yellow post-it for the mobile view was used instead of the curved one like in the wireframes, mainly because putting enough text will cause it to extend out of the bounds of the yellow sticky.