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?

Vind meer berichten getagd met

ArcGIS Online

Accepted answers

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

All comments

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

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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