Hi. I have been playing with the css for like an hour and can’t seem to center my rotating words on mobile screen size. Basically, I have a sentence that looks great on a single line, but when it comes to a smaller screen size, the last part of the sentence (the rotating words part) drops to the next line. The problem is, it drops to the left, which looks ugly to me.

I tried to fix it myself before asking for help, but it didn’t work. This is what I tried:

.rotatingintro {
display: inline-block;
}

@media (min-width: 480px) { .rotatingintro {
display: block;
text-align: center !important;
}
}

Please help. Thank you. (imakestuff.online is the website)