Cómo convertir un table a responsive

Este es un método para con estilos lograr que las tablas sin títulos se vean bien en responsive.

@media screen and  (max-width: 677px) 
{
	table
 	{
		display: inline-block;
 	}

	table tr
	{
		display: initial;
	}

	table tr td
	{
		display: inline-block;
	}
}

Veamos un ejemplo:

Para ver el ejemplo visiten esta página en su celular para ver como quedaría la tabla

Comentarios