css code to align text center for mobile view not aligning center for text that is aligned right in desktop version but is working when the text was aligned left in desktop

css code to align text center for mobile view not aligning center for text that is aligned right in desktop version but is working when the text was aligned left in desktop, would this be an issue with Squarespace itself or am I missing something in the code? 

Hi,

What is site url? We can check easier

the URL is https://www.maelstromcreatives.com/

Hi,

You want to align these to center on mobile, right?

https://www.maelstromcreatives.com/about

yes sir

You are using new editor so you can edit page > click Mobile icon on top right > Adjust layout on mobile. This won't affect desktop.

Detail: https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine

In case you want to use code, you can add this to Design > Custom CSS or Website > Website Tools > Custom CSS

/* align center mobile */
@media screen and (max-width:767px) {
.fe-block-c461e9d41998d39cd274, .fe-block-yui_3_17_2_1_1689673570648_14702, .fe-block-bb9e1c1efb0bb85774d5, .fe-block-yui_3_17_2_1_1689673570648_15770, .fe-block-aad12378b9fee3d67686, .fe-block-yui_3_17_2_1_1689673570648_17334, .fe-block-6af2c16f4426d9fb474c, .fe-block-yui_3_17_2_1_1689673570648_19313, .fe-block-c6453da0cd513dcec53d, .fe-block-yui_3_17_2_1_1689673570648_20380 {
    grid-column-start: 3 !important;
    grid-column-end: 9 !important;
}}