Course Library

Learn how to use Viva Engage to connect with colleagues, join communities, participate in conversations, and stay engaged with what’s happening across Signature.

This screenshot helped a lot. The itself is already at margin 0 / padding 0 / border 0, so the gap is definitely coming from the wrapper/layout above it. I changed the layout strategy completely: the popup image is now absolutely anchored to top: 0; left: 0; right: 0 inside the modal panel, so there is no flex spacing, inherited theme spacing, or parent margin that can sit above it.

This is the new baseline. It keeps your stable course cards and all the course fields, but the popup now has one clean rule set: pinned near the top, full-width real image, no white strip, no side gaps, X over the image, compact content directly underneath, and viewport-aware image sizing so the popup is designed to fit without scrolling.