💡 [REQUEST] - Fixing Alignment of Resources Page

[kaur-rajdeep]

• [x] I am from GSSoC23.
• [x] I would like to be assigned this task.

• fill [x] to check the boxes.

Section	Description
Concise Description	The Resources page Heading is left aligned
Solution Proposed	I want to align it to the center and also fix the font weight of the card titles.
Alternative Solutions	Justify the content of the cards.
Additional Context	This will improve the UI of the page and make it look better
Screenshots

|

Code of Conduct

By submitting this issue, you agree to follow our Code of Conduct.

• [x] I follow the Contributing Guidelines of this project.
• [x] I have checked the current issues for duplicate problems.
• [x] I have read the readme of this repository.

[github-actions[bot]]

Hey👋🏼, @kaur-rajdeep, thank you for opening an issue. You need to update or make PR in under 7 days

Soon the maintainers/owner will review it and provide you with feedback/suggestions.
If you think it's something urgent, feel free to reach out to Anand on Twitter.


Give us a ⭐ to show some support
Keep Contributing 🚀

[Alkaison]

Hi @kaur-rajdeep, the UI is made as per the design, if you think it can be improved/enhance by some changes please provide the updated view of the website by making changes locally and submitting the screenshots here.

[kaur-rajdeep]

Sure, here it is. I've centered the heading and titles of the cards in the resource component, along with it added some weight to the titles.

[Alkaison]

Please add more changes to enhance design and layout of the page.

[kaur-rajdeep]

These are some more changes, I've centered the description paragraph, removed the border and added some weight to the fonts, also added the top shadow for the cards. Hope so this will work :)

[Alkaison]

Hi @kaur-rajdeep, can you please share a video of the changes. How they look when hovered over them, it would help to merge the PR soon.

[kaur-rajdeep]

I didn't change anything on hover, so it's same as the previous one. If required, I can make some :)

https://github.com/ZeroOctave/resource-gallery/assets/106001705/b8775863-2a4b-4937-848d-b5dc930e67c6

[Alkaison]

@Astrodevil would look into it as the website design is made by him.