Member Career Paths + Our Partnerships #23
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Created 2 components, h3Section.tsx and imageCollageMapper.tsx. Both of these form the base parts of the member and partnership sections of the Figma. h3Section handles the title while imageCollageMapper takes in a const array of images and then displays then in rows.
Issues
Closes #14
Screenshots
Mobile View:
Test
npm run dev, i left the 2 components to view in page.tsx
Possible Downsides
The image collage doesn't exactly match the Figma. It instead displays all the images in 3 rows in a orderly format rather than the more visually appealing version in the Figma that staggers the logos so they fit amongst each other. This was only done to handle responsiveness. I also hard coded in the cut off for the rows. It should be very easy to add in new images if need be, but the row numbers would need to be changed. (which also should be easy)
Additional Documentations
dont have any