Hola, Carlos, espero que estés bien
Parece que estás trabajando en la responsividad de un sitio web utilizando CSS. Aquí tienes algunos consejos que podrían ayudarte:
Flexbox: Estás utilizando flex-direction: column-reverse; en la clase .presentacion. Esto invertirá el orden de los elementos en la columna. Asegúrate de que esto es lo que deseas para la disposición de tus elementos.
Media Queries: Has establecido un punto de quiebre en 1200px. Si quieres ajustar el diseño para dispositivos más pequeños, podrías considerar añadir más media queries para diferentes tamaños de pantalla, como tablets o móviles.
Alineación y Espaciado: Veo que has centrado los elementos con align-items: center; y justify-content: center;. Esto es útil para mantener una disposición ordenada y centrada en diferentes dispositivos.
Padding y Margen: El uso de padding y margin es esencial para el espaciado. Asegúrate de que estos valores no causen problemas de desbordamiento en pantallas más pequeñas.
Si tienes un problema específico con el diseño o el comportamiento de los elementos, podrías revisar cómo se están aplicando estos estilos en diferentes dispositivos y ajustar según sea necesario.
Espero haber ayudado y buenos estudios!