Wd 37055 css styles broken on canonical com home page on some ios mobile devices

[Skazitron]

Done

• Blog cards patch to ensure description appears below title on blog cards on mobile devices

QA

• Visit the demo on a phone, or
• Clone and run this branch locally
• Get your device's IP by running ip a and your LAN IP should be next to your network interface. eg. (192.168.100.181)
• On a separate mobile device open an incognito tab and go to <LAN_IP>:8002
• Scroll down to 'News and insights from source' section
• Ensure the cards look normal on phones.

Issue / Card

https://warthogs.atlassian.net/browse/WD-37055

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 78.58%. Comparing base (0796fd9) to head (1cbfd32).
⚠️ Report is 11 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2608   +/-   ##
=======================================
  Coverage   78.58%   78.58%           
=======================================
  Files          16       16           
  Lines        1975     1975           
=======================================
  Hits         1552     1552           
  Misses        423      423           

Flag	Coverage Δ
python	78.58% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[petesfrench]

On medium screens the image & content should be side by side like this:

[petesfrench]

We should avoid the use of !important and instead use specificity

[Skazitron]

Unless we use !important for this, our styles don't work on phones. They just get overriden. I think we'll have to keep them in for the blog card.

[Skazitron]

@petesfrench the !importants have been removed.

[Skazitron]

@petesfrench addressed your comments.

[petesfrench]

These are still using important

[Skazitron]

@petesfrench Sorry, looks like the changes were not pushed. I've just pushed them. Can you take a look again.

Thanks

[petesfrench]

LGTM. But I am unable to test of IOS