Rivet Card (Horizontal) - fix image layout for post teasers

After Fixing the issue

Hi, I have tested MR !7 in Drupal 10
Mobile view Blog post its proper aligned when image is there in blog.
I moved it to RTBC.

Thankyou !!

Needs work.

Needs a rebase on latest 1.0.x
The gitlab integration needs to be split out, it is unrelated to the scope of this issue. This is in progress here 📌 Add support for Gitlab CI Active .
It's obvious you didn't run npm install; npm run build to build the CSS because the source map file wasn't regenerated.

After reviewing the code change more closely this needs an alternate approach because the upstream Rivet library suffers from the same problem at small screen sizes:

https://rivet.iu.edu/components/card/?example=horizontal-card

I don't see this getting "fixed" in the upstream, therefore, there are a few approaches we can take:

• Use a square image style, to match the intended use of Rivet Horizontal Card.
• Use a utility class in the template to fix the card layout on mobile. For example, rvt-card rvt-card--horizontal [ rvt-flex-column rvt-flex-row-sm-up ] (codepen).
• Build a custom rvt-c-card implementation to properly scope the change, following best practices for extending Rivet.

Rebased again and tested locally. Looks good.

Thanks for your help!

Automatically closed - issue fixed for 2 weeks with no activity.