CHEMH-259 | @jdwjdwjdw | Adjust breakpoints for News cards for node page, lists, and teasers

[jdwjdwjdw]

READY FOR REVIEW

Summary

• CHEMH-259: Adjust breakpoints for news cards
  • This addresses the breakpoints of News card for node pages, lists and teasers. At one point we were trying to go for a wider card and different image dimension, but most of that work had previously been removed because of issues that came up with fixed-width cards getting squashed into each other. Based on that, in a lot of these situations I updated it to be similar to how they behave on core. If you have different thoughts on how they should behave @jenbreese, let me know!

Review By (Date)

• When convenient

Urgency

• Normal

Review Tasks

Setup tasks and/or behavior to test

1. Build some example news items and then test how the related news cards look and behave at different breakpoints. Make sure to look at the More News cards on News node pages, as well as how News cards look for lists and teasers.
2. Review code 🦑

Associated Issues and/or People

• CHEMH-259: Adjust breakpoints for news cards

[jenbreese]

@jdwjdwjdw at about 800px wide the cards in the read more footer get too close to the edge.

[jdwjdwjdw]

Thanks @jenbreese, I made some responsive updates which should address that. Should be good to re-review again.

[jenbreese]

the responsive works good. thanks!