feat: alignment resolved

[prathoseraaj]

Fix: Align "What's New?" Section Cards Horizontally

Description

This pull request addresses issue #26531, where the cards in the "What's New?" section of the landing page were not perfectly aligned horizontally. The misalignment was caused by uneven image sizes and content lengths, creating an uneven visual appearance.

Changes Made

• Updated the YAML structure for the "What's New?" section to ensure consistent headings and content.
• Ensured all card images and headings are placed consistently within each card.
• Verified that the layout uses items_across: 4 and the correct classname for even distribution.
• (If you updated CSS) Adjusted CSS to ensure all cards and their contents are aligned at the top for a polished look.

Before

The original section had uneven alignment, as shown below:

After

After these changes, all cards in the "What's New?" section should be evenly aligned, improving readability and visual consistency.

Related Issue

• Closes BUG in landing page. #26531

Checklist

• Cards are horizontally aligned
• Headings and images are consistent across all cards
• Tested for responsiveness and cross-browser compatibility
• No content is missing from any card

---

Please let me know if any further changes are needed!

Closes #26531

[google-cla]

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

[prathoseraaj]

@gregestren @fweikert can you review this PR !?

[meisterT]

this doesn't exist, does it?

[meisterT]

all of the " seem unnecessary to fix the issue

[prathoseraaj]

@meisterT I will remove and ping you.

[prathoseraaj]

@meisterT I have updated the requirements as discussed. Please take a look and let me know if any further changes are needed.

[meisterT]

I don't see how this should fix anything. The only changes that are left are additional "s which should be irrelevant and the items_across attribute which also doesn't help.

[prathoseraaj]

@meisterT The components in the row will be organized even if we add the image in the topic, as there is no image in defalut. You can also check by adding a svg in the header which make the UI good.
items_across will make it organize equally.

[meisterT]

Right, this is what I am saying. The PR currently does not fix the issue as the crucial bit is the missing image and does random other changes. We are currently discussing moving off of devsite, which might make changes like this one easier in the future.