Site v1-03: Home News Preview (Class Isolation)

Site v1-03: Home News Preview (Class Isolation)

Highlights

  • Home News section now has its own isolated styling (.news-home).
  • Home News layout cleaned: badge + title on the left, list on the right.
  • Home list supports full-row hover wipe like the News page.

What’s New

Home News Layout

  • Separated Home News CSS from News page to prevent conflicts.
  • Section spacing adjusted to sit evenly between neighboring sections.

Clickable Full Rows

  • Hover and click apply to the entire list row, not only the title text.
  • Improved cursor and highlight clarity for UX.

Improvements

  • Removed the side line next to the News badge for a cleaner look.
  • Adjusted typography so the section feels balanced on wide screens.

Fixes

  • Fixed Home list showing only dates due to class name collisions.
  • Fixed grid behavior on wider viewports.

Coming Next

  • Add “Latest News” row + Share section to News Detail.
  • Build multilingual Guidelines page based on reference.

LATEST NEWS

View More