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?

Encuentra más publicaciones etiquetadas con

ArcGIS Online

Accepted answers

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

All comments

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

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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