Genie Discord forum

I added some text to the top of the web app I'm creating and for some reason it's impossible for the first content block to be displayed at the same width as the following ones. It's driving me nuts!

I'm using the number in class="st-col col-10 col-sm st-module" as the way to set the width. The first element has one column, the next one 2 and all the ones after that have one column. So I use 10 for the 1 column elements and 5 for each of the columns in the 2 column elements. I would expect all elements to display at the same width but as you can see, that's not the case. It's especially the first element under the menu that drives me crazy.

Does anyone have any idea what I'm doing wrong?

The full html code can be found here: https://github.com/HapponomyOrg/HapponomyCockpit.jl/blob/main/app/overshoot/app.jl.html

The maximum width is 12, can you try with col-12 and col-6? We do that in the demo and it works with 2 columns

https://github.com/BuiltWithGenie/MultiPageApp/blob/main/app/ML/app.jl.html

I'm going to test this either later this week or beginning next week and I'll get back to you on it. Working on a couple of other things first.