[Projects] The CSS code needs Refactoring

VishrutAggarwal commented 1 year ago

Current Behavior

Currently, the CSS code present in src\sections\Projects\Project-grid\projectGrid.style.js has the following issues:

It is extremely messy and is difficult to modify without breaking other things.
There are no fixed breakpoints and thus very difficult to understand where the code needs to be modified to get the desired result.

Due to this, it is very difficult for new contributors to make contribute to this section. Refactoring is required to organize the code and enable more contributors to fix any bugs found.

It also hinders correction of other bugs, for example: issue #4321 .

Desired Situation

Ideally the following things must be kept in mind while refactoring the code completely:

There should be proper breakpoints defined.
The code is written in mobile-first view and thus should follow it in the refactored code too.
The code follows the site's UI design.
Use dynamic units like rem, percentage, etc. than px. (Use of px unit should be done where necessary though)
Use media query should be proper and defined.

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

📚 See contributing instructions.
🎨 Wireframes and designs for Layer5 site in Figma.
🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

manshul014 commented 1 year ago

Can i contribute to this?.

Shivam-AfA commented 1 year ago

Go ahead @manshul014 🚀

nihalpawar4 commented 1 year ago

can I also contribute to this issue

vishalvivekm commented 1 year ago

can I also contribute to this issue

Hi @nihalpawar4 , Thanks for jumping in. We follow FCFS for assigning the issues to contributors. Let's find you some other good-first and help wanted issues to work on. Check out the link : https://github.com/issues?q=is%3Aopen+is%3Aissue+archived%3Afalse+org%3Alayer5io+org%3Ameshery+org%3Aservice-mesh-performance+org%3Aservice-mesh-patterns+label%3A%22help+wanted%22+

nihalpawar4 commented 1 year ago

can I also contribute to this issue

Hi @nihalpawar4 , Thanks for jumping in. We follow FCFS for assigning the issues to contributors. Let's find you some other good-first and help wanted issues to work on. Check out the link : https://github.com/issues?q=is%3Aopen+is%3Aissue+archived%3Afalse+org%3Alayer5io+org%3Ameshery+org%3Aservice-mesh-performance+org%3Aservice-mesh-patterns+label%3A%22help+wanted%22+

ok thanks for the information will checkout the above link.

sudhanshutech commented 1 year ago

Any updates here @manshul014

saaagarsingh commented 1 year ago

@manshul014 are you working on this? If not I would love to go ahead with it.

vishalvivekm commented 1 year ago

Thank you @saaagarsingh . // @Modern-artist

nihalpawar4 commented 1 year ago

all the best....

github-actions[bot] commented 1 year ago

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.