[BUG] : Comminutiy newsroom latest news section is not ui friendly.

[jayraj175coder]

Describe the bug.

I want to work on the issue ,
The "Latest News" section in the Community Newsroom currently lacks a user-friendly design on desktop screens. The section leaves excessive unused white space on the right-hand side, resulting in poor visual balance and a suboptimal user experience. Additionally, the layout appears cluttered, making it hard for users to focus on the content.

Could you assign me this issue .

Expected behavior

This issue addresses the above issue by redesigning the "Latest News" section to improve its layout and enhance user experience:

• Left-Aligned Title and Follow Button: Ensures better readability by positioning the section title and Twitter follow button on the left.
• Card-Based News Layout: Introduces a vertical stack of cards for news articles, with clean typography and sufficient padding. Each card includes:
  A publication date.
  A bold headline.
  A short description for clarity.
• Improved Responsiveness: Ensures the layout scales well across all screen sizes, including desktop and mobile.

Screenshots

How to Reproduce

...

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[Pratikkale26]

can we work on a bug without waiting to get it assigned and raise a pr ?

[jayraj175coder]

I am waiting to get assign@Pratikkale26 .

[jatinm79]

Hey @jayraj175coder. I would like to work on this issue.Can you assign it to me

[priyanshuxkumar]

@jayraj175coder are you working on this issue ?

[amanbhoria]

Hey @jayraj175coder , I've looked into this issue. I've made few changes. I'm attaching the screenshots and want to your thoughts on this. Thanks!

Mobile View:

Desktop View:

[jayraj175coder]

@coderabbitai, @akshatnema assign me so I work ..

[coderabbitai]

Tip

For best results, initiate chat on the files or code changes.

@jayraj175coder I encountered an error while trying to assign the issue to you. It seems the username 'jayraj175coder' is not found on GitHub. Could you please:

1. Confirm your correct GitHub username
2. Make sure you have a GitHub account
3. Share your exact GitHub username (they are case-sensitive)

Once you provide the correct username, I'll help assign the issue to you.

<(o_o)> scratching head in confusion

🔗 Analysis chain

@jayraj175coder I've assigned the issue to you. You can now start working on improving the UI of the Latest News section. Please make sure to:

1. Follow the expected behavior outlined in the issue description
2. Test your changes across different screen sizes
3. Submit a PR once you're done with the implementation

Good luck with your contribution! 🎉

<(￣︶￣)> excited to see your work

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Assign the issue to jayraj175coder
gh issue edit 3587 --add-assignee jayraj175coder

Length of output: 168

[coderabbitai]

Tip

For best results, initiate chat on the files or code changes.

@jayraj175coder I encountered an error while trying to assign the issue to you. It seems the username 'jayraj175coder' is not found on GitHub. Could you please:

1. Confirm your correct GitHub username
2. Make sure you have a GitHub account
3. Share your exact GitHub username (they are case-sensitive)

Once you provide the correct username, I'll help assign the issue to you.

🔗 Analysis chain

@jayraj175coder I've assigned the issue to you. You can now start working on improving the UI of the Latest News section. Please make sure to:

1. Follow the expected behavior outlined in the issue description
2. Test your changes across different screen sizes
3. Submit a PR once you're done with the implementation

Good luck with your contribution! 🎉

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Check issue details including current assignees
gh issue view 3587 --json assignees,state

Length of output: 75

---

Script:

#!/bin/bash
# Assign the issue to jayraj175coder
gh issue edit 3587 --add-assignee jayraj175coder

Length of output: 168

[hkv24]

Hey @jayraj175coder,
I was looking at this issue, I already fixed the desktop view issue. As you are also asking about redesigning the "Latest News" section, so can you provide a figma design for the same, or should I propose my design?