moja-global / community-website

Community Website of moja global
https://community.moja.global/
Mozilla Public License 2.0
101 stars 180 forks source link

Community section rewamp #383

Closed samyakshah3008 closed 1 year ago

samyakshah3008 commented 1 year ago

Description

I have rewamped the community section of moja global's community website under guidance by @padmajabhol and @HarshCasper

Style guide followed: https://www.figma.com/file/cpR8K7fBhznhMB70Ym3Ui3/community-website?node-id=0%3A1&t=6kMORArERZpSX00n-1

Dependency add: Better react carousel Dependency doc link: https://reactjsexample.com/react-responsive-carousel-component-with-grid-layout-to-easily-create-a-carousel-like-photo-gallery/

Fixes #351

Type of change

How Has This Been Tested?

This was CSS feature, so I have checked on various mobile and laptop screens.

Additional Context (Please include any Screenshots/gifs if relevant)

moja-global-poc.webm

...

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated
contributor-website-v2 ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Jan 25, 2023 at 8:03PM (UTC)
samyakshah3008 commented 1 year ago

image

Here we go with latest changes:

Fix: Alignment issues Fix: previously it was covering 100% width on laptop screens, now changed it to 90% according to figma prototype Refactor: px to rem converted to maintain code consistency + white spaces removed

Please let me know the follow-up if any further changes are required.

padmajabhol commented 1 year ago

image

Here we go with latest changes:

Fix: Alignment issues Fix: previously it was covering 100% width on laptop screens, now changed it to 90% according to figma prototype Refactor: px to rem converted to maintain code consistency + white spaces removed

Please let me know the follow-up if any further changes are required.

Can you resolve the merge conflicts?