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?

タグ付けされた投稿をもっと見る

ArcGIS Online

Accepted answers

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

All comments

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

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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