codethesaur.us
codethesaur.us copied to clipboard
codethesaurus
Fix mobile responsive cards on compare/reference pages
Description
When viewing a compare/reference page on the full desktop site, it appears in a nicely-formatted table. On a mobile device, it shifts 3 columns into 1 column, then it becomes a mess that's not super easy to distinguish what's what.
Screenshots:
Requirements
- Work on the frontend to organize the table to still appear about the same on the full desktop, but appear more organized on mobile
- Preferably not have to add new large frameworks to the site (as I try to keep the site loading fast and total file size small for everyone)
- If you have good reason to add a smaller framework, feel free to mention it and I'll check it out
- You can organize the mobile site however you feel will be logical and can work to visually convey the same organization that would be on desktop. Be creative!
Additional Notes
In web/templates, there's base.html (the base page code), then compare.html and reference.html (the two pages for both of the ways of looking up information). There's also an extra template for the basic cards that simplified that part. Feel free to modify any or all of these as you need, and also add more files if needed too.
Feel free to ask me if you have any questions!
Yeah, I'll give it to you. Feel free to ask me if there's any questions or you need any help!
Hey @CNichole726! Are you still working on this? If you are, I can keep you on it. If not, I'll probably unassign you so someone else can have it.
Thanks!
Hi! I’m away from my computer right now… but, I had gotten stuck on one part and wrote you a comment to look at my code. I probably did it wrong 😑.
Sent from my iPhone
On Nov 24, 2021, at 2:13 PM, Sarah Withee @.***> wrote:
Hey @CNichole726https://github.com/CNichole726! Are you still working on this? If you are, I can keep you on it. If not, I'll probably unassign you so someone else can have it.
Thanks!
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/codethesaurus/codethesaur.us/issues/357#issuecomment-978189146, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ARM65JJ7C4BE5PIK4XNN6ITUNVBPTANCNFSM5FYWRYAQ. Triage notifications on the go with GitHub Mobile for iOShttps://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Androidhttps://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.
I'm looking and I don't see the question on this issue, on CT's PRs, on your fork's repo, or in my email anywhere. Can you ask it again or point me to where it's at?
@Adityakr123 Since I never heard back from @CNichole726, I'll pass it over to you. Please let me know if you have any questions or need any help. And the documentation is at https://docs.codethesaur.us.
If you look at the "Additional Notes" on the issue, I mention where to look to work on this.
@Adityakr123 It looks like you claimed this at the beginning of February. Were you still working on this or should I take your name off so it's open for others? (It's ok either way, just trying to keep the issues list updated!)
@Adityakr123 It looks like you claimed this at the beginning of February. Were you still working on this or should I take your name off so it's open for others? (It's ok either way, just trying to keep the issues list updated!)
Actually ma'am I am overloaded with work these day please reassign this task
Hey there! I’d like to try to work on this during October, if that’s okay!
Sweet @Anngineer ! I'll assign it to you. Let me know if you have any questions!
This issue has been inactive for 356 hours (14.83 days) and will be unassigned after 52 more hours (2.17 days). If you have questions, please leave a comment or ping @geekygirlsarah on Twitter or email.
If you are still working on this issue, that's fine. Please comment here to tell the bot to give you more time.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
This issue has been inactive for 359 hours (14.96 days) and will be unassigned after 49 more hours (2.04 days). If you have questions, please leave a comment or let @geekygirlsarah know by Twitter or email.
If you are still working on this issue, that's fine. Please comment here to tell the bot to give you more time.
This issue has been inactive for 337 hours (14.04 days) and will be unassigned after 71 more hours (2.96 days). If you have questions, please leave a comment, message @codethesaurus or @geekygirlsarah on Twitter, or email [email protected].If you are still working on this issue, that's fine. Please comment here to tell the bot to give you more time.
This issue has been inactive for 347 hours (14.46 days) and will be unassigned after 61 more hours (2.54 days). If you have questions, please leave a comment, message @codethesaurus or @geekygirlsarah on Twitter, or email [email protected].If you are still working on this issue, that's fine. Please comment here to tell the bot to give you more time.
This issue has been inactive for 419 hours (17.46 days) and is past the limit of 408 hours (17.00 days) so is being unassigned.You’ve just been unassigned from this ticket due to inactivity – but feel free to pick it back up (or a new one!) in the future! Thank you for your interest in contributing to this project.
This issue has been inactive for 346 hours (14.42 days) and will be unassigned after 62 more hours (2.58 days). If you have questions, please leave a comment, message @codethesaurus or @geekygirlsarah on Twitter, or email [email protected].If you are still working on this issue, that's fine. Please comment here to tell the bot to give you more time.
This issue has been inactive for 418 hours (17.42 days) and is past the limit of 408 hours (17.00 days) so is being unassigned.You’ve just been unassigned from this ticket due to inactivity – but feel free to pick it back up (or a new one!) in the future! Thank you for your interest in contributing to this project.