nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Image and Text Card Alignment Issue

So, I have a very basic scrolling app with a image and text card lumped together in a column. They look aligned just fine in `Edit Mode` as shown below

But in preview mode, they get misaligned as shown below how can I fix this?

Find more posts tagged with

ArcGIS Online

Accepted answers

Selecting `Custom` under `Page` settings fixes the issue.

All comments

Selecting `Custom` under `Page` settings fixes the issue.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.