centered vs left aligned text

when width is maxed out (full) we default the heading to the left side as we think it looks better for super wide screens (keeps content together)

you can do mo.md().left() , mo.md().right(), mo.md().center()

all UI elements should have left/right/center too

This worked, thank you very much!

Actually, maybe not? It's working on desktop but not mobile.

that seems odd

what about on desktop if you squish the screen

this also most the content left/right/middle, but doesnt change the text to by "aligned" left/right/middle per https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

you could maybe use styles, mo.md().center()style({"text-align": "center"})

Can you only style one line at a time? The text is two different lines, and it worked on the second one but not the first.

I split it out into two different cells and it seems like .style() still doesn't do it for the header.

Yea - I think we wrap those in too many elements. You might want to do “<h1 style=“text-align:center”> header… “

am I not doing this right? this definitely isn't H1

Try mo.md?

I don’t think we style any HTML by default. It all gets reset

Off topic: but it’s generally common to “reset” all defaults of html elements since they are different cross-browser. We may only style markdown and not plain html (that is left as-is)

this is what I have now and it still doesn't center on mobile

Sorry, it’s text-align:center
I had an original typo

That did it, I should've noticed that. As always, thank you!