How to keep the complete words on mobile devide?

Hi there,

Try adding this CSS:

@media (max-width: 768px) {
    #content .wp-block-list {
        margin-left: 1rem;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

I think Alvind missunderstood your question, give this CSS a try instead:

#content * {
    overflow-wrap: break-word;
}

Which word does not work?

The examples you showed are treated as 1 word, not multiple words.

Try changing it to Your Soul Nature (Creator / Healer / Leader / Warrior / etc.)
Same goes to the other one.

You are welcome   🙂