responsified events page #146
Open
Conversation
This file contains hidden or 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
qhgill
requested changes
Dec 4, 2025
Collaborator
qhgill
left a comment
qhgill
left a comment
There was a problem hiding this comment.
small changes, make sure you run npm run format and add your issue under development
| <div className="border-vsa-green-400 bg-vsa-green-300 flex w-full flex-row justify-around rounded-t-md border-2 p-3 text-center text-white md:w-1/4 md:flex-col md:justify-center md:rounded-l-md md:rounded-tr-none md:p-1"> | ||
| <p className="text-2xl font-bold md:text-3xl">{month}</p> | ||
| <p className="text-2xl font-bold md:text-3xl">{day}</p> | ||
| <p className="font-vsa-alt pt-0 text-base md:pt-3 md:text-lg">{time}</p> |
Collaborator
There was a problem hiding this comment.
make sure this doesn't end up higher than the other text, keep it inline
| <p className="text-3xl font-bold">{day}</p> | ||
| <p className="font-vsa-alt pt-3 text-lg">{time}</p> | ||
| <div className="flex w-full flex-col md:flex-row"> | ||
| <div className="border-vsa-green-400 bg-vsa-green-300 flex w-full flex-row justify-around rounded-t-md border-2 p-3 text-center text-white md:w-1/4 md:flex-col md:justify-center md:rounded-l-md md:rounded-tr-none md:p-1"> |
Collaborator
There was a problem hiding this comment.
make the width on mobile slightly smaller
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.
Responsified the Events page by keeping the design format no matter the width of the screen. Once it gets to a certain point it changes design to having the cards on top of each other instead of side by side, mostly for mobile users unless you trim the width of your browser to the width of a mobile user.