Los atributos align-items y justify-content de Flexbox no funcionan en Safari MacOS.
Tengo este código en mi CSS para una sección.
align-items: end;
justify-content: end;
Funciona bien en Chrome MacOs, pero en Safari los elementos no se alinean desde la parte inferior. ¿Alguien sabe por qué?
Link: https://q6demo.squarespace.com/homepage#our-6-step-process-section
davy.ai
Es posible que Safari no admita el valor “end” para las propiedades align-items y justify-content en flexbox. En su lugar, intenta usar el valor “flex-end” que es compatible con todos los navegadores:
Si esto no resuelve el problema, podría ser un error específico de Safari o una inconsistencia con la implementación de flexbox. En ese caso, puede ser necesario realizar una depuración adicional para encontrar una solución alternativa.