CSS quebra de linha wordpress e css

[Bruna Siqueira]

Boa tarde,

 

Montei um site em wordpress, e fiz um tabuleiro com palavras, porém, quando reduzo a tela, ele quebra as palavras de forma aleatória.

 

já usei :

 

word-break: keep-all

 

E o problema continua, segue o link do site, caso alguém use outra forma para ajustar isso

 

https://www.uptimizing.com.br/home/

 

obrigada

[navegador2]

Pelo que entendi foi na parte que parece um tabuleiro de xadrez, talvez uma saída seria usar imagens ao invés de texto.

Crie uma imagem para cada item, os em azul e o branco. O layout ficará igual. Usando o corel ou outro até no pain é fácil fazer 2 quadrados, um branco e outro azul. Para não ter que fazer todos é so mudra as palavras e salvar em jpg ou o utro formato que seja mais leve. Esta mudança evitiaria até a mudança que está acontecendo, veja que se reduz muito além das palavras quebrarem o formato muda de quadrado para retângulo.
Eu gosto muito de fazer sites, mas reconheço que ainda  é uma parte que acho chata ficar ter que ajustando o layout para ficar legal em celular, porque vim da época que o pessoal só acessava pelo computador e ainda não pelo celular... 

Caso resolva dê um retorno.