[Bug] Align lists in Get Involved Section on Homepage

[adidevs]

Description

The centre list on the site is not aligned with the lists on the sides.

Reproduction

1. Go to the site homepage
2. Scroll down to the "Get Involved" section
3. See error.

Expectation

The three lists must be aligned to the same level

Screenshots

Environment

• Device: Laptop
• OS: Windows 11
• Browser: Edge
• Version: 110.0.1587.63 (Official build) (64-bit)

Resolution

• [x] I would be interested in resolving this bug.

[adidevs]

I have some solutions for the same:

1. Edit and replace the heading "Integrate CC licenses into your project" with a shorter heading like "Integrate CC licenses" or "Add CC licenses". This can be followed by modifying the description of Chooser and Platform toolkit by adding a phrase like "for your project".
2. The other way around by adding content to the other list headings.
3. Add a class to the div containing the list and specify additional CSS for the same and move the centre list upwards.

[TimidRobot]

@abidevs I like option 1. Is "Add CC licenses to your project" short enough?

[TimidRobot]

@adidevs Also, shortening the heading may not be enough on smaller screens. Please test responsiveness.

[adidevs]

Hey @TimidRobot ! Option 1 is the simplest of the alternatives, but "Add CC licenses to your project" is not short enough. We need to exclude the phrase "to your project" and add it in the description, a sample of which I am attaching below for your kind reference.

Also, addressing your 2nd concern, I have tested the below solution and it works on smaller screens and is responsive.

"for your project" is added to the description of Chooser

[TimidRobot]

@adidevs looks good! please submit a PR

[adidevs]

At it!