Oi pessoal,
Estou testando a ideia de colocar um jogo de Mahjong em HTML5 direto em uma página web, usando CSS + Flexbox para deixar o layout simples e responsivo.
A estrutura é basicamente uma grade de <div> onde cada tile é um item flex. Uso flex-wrap: wrap para que as peças se reorganizem automaticamente quando a janela muda de tamanho. Também centralizo tudo com justify-content: center e defino tamanhos proporcionais usando vw e vh.
O desafio é manter o layout leve mesmo com muitas sombras e animações. Em alguns navegadores, o Flexbox pode ficar lento se houver muitos elementos. Outro ponto é ajustar o espaçamento — nem muito apertado nem muito solto — em diferentes resoluções.
Alguém aqui já tentou algo parecido? Usaram só Flexbox ou combinaram com CSS Grid? Estou curioso pra saber qual abordagem funciona melhor em jogos com muitas peças.