Solucionado
antes de aplicar a responsividade nos cards usando o boostrap queria saber se isso é mesmo necessário pq sem aplicar a nada e inspecionando, aos diminuir a tela ele já se encaixa conforme o tamanho.
ex :
ai me surge essa duvida, isso seria uma boa prática ou tem algum intuito ao qual eu nao compreenda?
Oi Jefferson, tudo bem?
A responsividade é uma prática muito importante no desenvolvimento web, especialmente quando se trata de dispositivos móveis. Ao aplicar a responsividade nos cards usando o Bootstrap, você garante que eles se ajustem automaticamente ao tamanho da tela em diferentes dispositivos, proporcionando uma melhor experiência para os usuários.
Mesmo que os cards pareçam se ajustar corretamente ao diminuir a tela sem aplicar a responsividade, é sempre recomendado utilizar as classes de responsividade do Bootstrap para garantir que a aparência e o layout dos elementos sejam consistentes em todos tipos de dispositivos.
No exemplo que você mencionou, a classe "col-12 col-md-6 col-xl-3" define diferentes tamanhos de colunas para diferentes tamanhos de tela. Isso permite que o card ocupe todo o espaço disponível em telas pequenas (col-12), metade do espaço em telas médias (col-md-6) e um quarto do espaço em telas grandes (col-xl-3). Essa abordagem ajuda a otimizar o espaço e a tornar o layout responsivo.
Portanto, aplicar a responsividade nos cards usando o Bootstrap é uma boa prática e garante que seu site ou aplicativo seja visualizado corretamente em diferentes dispositivos.
Um abraço e bons estudos.