Improve community page layout alignment and accordion hover interaction

[SHASHI9705]

This PR improves the layout consistency and visual alignment of the Community page.
Previously, the page relied on a grid-based structure that caused uneven spacing and misalignment between sections.

Before changes: ( Poor visual alignment between related sections and uneven spacing )

beforechange.mp4

After changes: ( Clean, unified structure with improved hover behavior )

Afterchanges.mp4

Thanks : )

[choo121600]

This looks like a good change overall👍

One small concern: removing the community--grid style could reduce the amount of information visible on a single page, which might require more scrolling to reach the “Are you a user?” section.

I’d be interested to hear your thoughts on this.

[potiuk]

I do not think this is a good idea. The idea - from the very beginning - was to show the two options that you have to be a part of the community - contribute and be a user. The idea was to make it "equal" - especially when you have wide-enough screen to show them both in two columns.

That was intentional, to show them immediately as to 'equal` options. If you change it the way you described - in pretty much all cases you will have to scroll down to see "are you a user" when you open the page which is a bad idea.

I would rather suggest you focus on fixing the grid to have minimum height (possibly expresed in ems or other "scalable" unit ) - that will make the two grids align - even if the text in some of those is not long enough (of course only if the width of the screen is enouhg to show both columns at the same time). This will fix the problem you described without breaking the intention of the page.

[SHASHI9705]

I do not think this is a good idea. The idea - from the very beginning - was to show the two options that you have to be a part of the community - contribute and be a user. The idea was to make it "equal" - especially when you have wide-enough screen to show them both in two columns.

That was intentional, to show them immediately as to 'equal` options. If you change it the way you described - in pretty much all cases you will have to scroll down to see "are you a user" when you open the page which is a bad idea.

I would rather suggest you focus on fixing the grid to have minimum height (possibly expresed in ems or other "scalable" unit ) - that will make the two grids align - even if the text in some of those is not long enough (of course only if the width of the screen is enouhg to show both columns at the same time). This will fix the problem you described without breaking the intention of the page.

sure sir, i'll look into this & update the pr soon.

[SHASHI9705]

i have updated the screenrecording video after changes, keeping both section on the page together but with good and proper alignment by giving some truncate property and good hover part.

[potiuk]

i have updated the screenrecording video after changes, keeping both section on the page together but with good and proper alignment by giving some truncate property and good hover part.

Nice!