Need better responsive design for Brave News v2 sources in small-window sizes

[stephendonner]

Description

Need better responsive design for Brave News v2 sources in small-window sizes

Steps to Reproduce

1. install 1.47.20
2. launch Brave
3. enable Brave News v2 flag via brave://flags
4. click Restart
5. open a new-tab page
6. scroll down
7. click on Show Brave News
8. click on Customize
9. type popularmechanics
10. constrain the window size

Actual result:

"normal" window size	smaller window size	smallest window size

Expected result:

At least in the middle, smaller sized window above, there should be better use of available space, so feed titles don't easily crash into each other

Reproduces how often:

Brave version (brave://version info)

Brave	1.47.20 Chromium: 107.0.5304.68 (Official Build) nightly (x86_64)
Revision	a4e93e89d3b3df1be22214603fba846ad0183ca5-refs/branch-heads/5304@{#991}
OS	macOS Version 11.7.1 (Build 20G918)

Version/Channel Information:

• Can you reproduce this issue with the current release? No
• Can you reproduce this issue with the beta channel? Yes
• Can you reproduce this issue with the nightly channel? Yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields?
• Does the issue resolve itself when disabling Brave Rewards?
• Is the issue reproducible on the latest version of Chrome?

Miscellaneous Information:

cc @fallaciousreasoning @aguscruiz @petemill

[fallaciousreasoning]

@petemill I thought this would be the perfect use case for container queries, started looking into it and realised that styled-components doesn't support them (until V6, which is still in release candidate mode). Going to hold off until then.