É a pura verdade, muitas vezes eu sou esse programador Chaves kkkk, principalmente programando em HTML e CSS. Faz pouco tempo que comecei a colocar propriedades e adaptar um site para telas menores pro projeto de um cliente, e nossa, quase chorava de frustração tentando fazer as coisas encaixarem, principalmente com tabela... Não ter muita ideia de qual a melhor forma de implementar isso me deu muita dor de cabeça.
Graças a Deus achei um site com um exemplo bom de como fazer a tabela ficar bacana na tela do celular, mas ainda assim achei o meu código cheio de redundância e defeitos. Ainda tenho muito a melhorar, espero achar dicas aqui, e se alguém tiver recomendações pra eu aprender sobre flexbox e CSS Grid, eu agradeço.
(Inclusive, eu achei num post de como fazer tabelas flexíveis com CSS Grid que foi muito útil no site desktop, embora eu ainda não estivesse preocupado com responsividade, deixou a tabela limpa e bem dividida; deixo aqui o post: https://adamlynch.com/flexible-data-tables-with-css-grid/)