Help with single-page styling (of the example Static Website App)

Anvil Q&A
#1

Dear Friends:

I took the Static Website example App that Anvil offers to create a simple About page (just one page).

Sadly, it doesn’t look good on phone-sized screens. However, all pages on the original App looked fine. I may have removed some styling as I chopped away.

Here is my site: App: my site

I’m not at all good with styling (CSS, HTML, JavaScript). Can friends have a peek and suggest what I can add to make single-page App be responsive? (It looks fine on big screens).

Thank you!

#2

I solved it.

I had switched the following ColumnPanels attribute as shown:

  • card_01.wrap_on FROM mobile TO never
  • card_02.wrap_on FROM mobile TO never
  • card_03.wrap_on FROM mobile TO never

That introduced the issue so I switched them back to mobile, and now everything looks well.