Update Cards Styles

[Sweetdevil144]

Fixes #34
Refactor layout for responsive design :

• Implement two-column layout for larger screens
• Switch to single-column on smaller devices for better usability

[allgandalf]

Haven't had time to test this locally, will test end of next week, @Sweetdevil144 , please bump me regarding the same :)

[allgandalf]

@eshantri , if you find time to review this in the meantime :)

[eshantri]

@GandalfGwaihir will review and test this locally by Friday. Thanks!

[eshantri]

@Sweetdevil144 can you post a screenshot/gif of the result? Would be helpful.

[eshantri]

@GandalfGwaihir @Sweetdevil144 I tested the code locally, the grid issue is still there, along with weird arrangement of cards.

[Sweetdevil144]

@Sweetdevil144 can you post a screenshot/gif of the result? Would be helpful.

Hey can you review this drive link to a video clips showing how the grid layout was laid out as I described. I think it works fine and the problem of irregular spacing is removed : https://drive.google.com/file/d/1T9uxoM4vti7ngUt3iD8P_SPqD_Ee3bc6/view?usp=sharing

It is also responsive for smaller screen size as shown in the video in this drive link : https://drive.google.com/file/d/1AijsMudf1ekRhXk8UlR8sm_HzHwGOf-2/view?usp=sharing

[Sweetdevil144]

@GandalfGwaihir @Sweetdevil144 I tested the code locally, the grid issue is still there, along with weird arrangement of cards.

The goal of this issue (#34) was to remove irregular spacing between two card rowsehich was caused due to card layout. Can you explain a bit more with any 'image' example of what more changes would you like to be made for this? I'll improve the PR accordingly. @GandalfGwaihir can you checkout the drive links till then?

[Sweetdevil144]

@GandalfGwaihir and @eshantri . Did you verify it?

[eshantri]

Will verify this in a while.

…

On Tue, 5 Mar, 2024, 17:32 Abhinav Pandey, ***@***.***> wrote: @GandalfGwaihir <https://github.com/GandalfGwaihir> and @eshantri <https://github.com/eshantri> . Did you verify it? — Reply to this email directly, view it on GitHub <#38 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ALRT2CM4PRUQDPLUESOCI5DYWWX6HAVCNFSM6AAAAABDZDRSPCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNZYGYYDKNBQG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[allgandalf]

@GandalfGwaihir and @eshantri . Did you verify it?

@eshantri will verify this,

Also :

Hey can you review this drive link to a video clips showing how the grid layout was laid out as I described. I think it works fine and the problem of irregular spacing is removed : https://drive.google.com/file/d/1T9uxoM4vti7ngUt3iD8P_SPqD_Ee3bc6/view?usp=sharing

It is also responsive for smaller screen size as shown in the video in this drive link : https://drive.google.com/file/d/1AijsMudf1ekRhXk8UlR8sm_HzHwGOf-2/view?usp=sharing

out of context: You can directly upload a video on github issues, no need to upload them to drive and share a link :) thanks

[allgandalf]

On going discussion on slack: https://pecanproject.slack.com/archives/D06DSNTTL9G/p1710178777928619

[Sweetdevil144]

Cannot attach video_size>10mb, so attaching it via drive links.
Updated custom card size to make it uniform : Link

[allgandalf]

Okay, I am satisfied over here, but again @eshantri can you approve the current implemented design also ig youalso have merge access so please merge this one if approved :)

[allgandalf]

Cannot attach video_size>10mb, so attaching it via drive links.

Is it, wow i was unaware all these years 😮

[eshantri]

Merging this. Thanks @Sweetdevil144 @GandalfGwaihir .