Tengo un problema con mi responsive, el class: .tarjetas no me toma el código… anteriormente ya me toma es estilo con la misma class pero...

Agregaste esto?

@media(max-width:360px) {
	.tarjetas,.tarjetas-ataques {
	flex-direction:column;
}
}

@bleiks, acabo de agregarlo copiado y pegado desde tu recomendación y adaptado según mi código y ya funcionó, algún caracter o algo me estaba faltando sin darme cuenta, mil gracias

Te faltaba agregar el .tarjetas-ataques a lado de .tarjetas. Ánimo y éxitos.

Tengo un problema con mi responsive, probe de diferentes maneras, como explica en la clase y agregandole la clase de las tarjetas no tan solo q no se me alinean en columna sino q se me amontona el titulo con el subtitulo.. me podrian ayudar? Gracias!!

lestrella0211, recuerda agregar esto en la etiqueta head:

<meta name="viewport" content="width=device-width, initial-scale=1">