Podrias poner mas puntos de interrupción y hacer que tus centenedores se centren en la mitad de sus padres esto es muy facil con display: flex; y sus propiedades align-item y justify-content
What are you most proud of, and what would you do differently next time?
I learned :has() pseudo class in this project. Also I learned how to write less CSS.
In JavaScript VALIDATION_STATE is used to validate input fields and values. I have written state management functions in this project.
What challenges did you encounter, and how did you overcome them?
State management was little challenging.
What specific areas of your project would you like help with?
Me gusto mucho como resolviste tu desafio, yo solo le pondria un poco mas de puntos de interrupción para que fuera menos drsatico el cambio entre pantallas.
Me gusto mucho tu solucion yo solo podria un poco mas de validaciones en el email y al darle click al buton del mesange de gracias, poder regresarlo al logue, en lo que no tenemos una ventana de bienvenida.
Me gusto como utilizaste Flexbox auque tengo entendido que cuando son mas de una fila y de una columna es mejor utilizar display: grid;, también podriás utilizar max-heigth y max-width para que las tarjetas no crezcan mas de lo que pide el diseño.
Saludos!!
Me gusto mucho tu solución en como usaste el flexbox lo que yo cambiaría es en los font-size cambiar los px por rem para que se adapte mejor tu pagina en diferentes dispositivos y poner mas puntos de interrumpción para que los estilos no cambien tan bruscamente.
Me encanto su solución, solo fijese mas en no poner un width estatico en las diferentes medidas de dispositivos por que apesar que se ve muy bien en dispositivos de 320px no se visualiza de lo mejor, para eso puede no poner una medida al width y solo jugar con los margenes que se tiene.
What are you most proud of, and what would you do differently next time?
I am most proud of the fact that I made the website responsive in a way that it odes not require keyframes for mobile view. Next Time I would write out the mobile view keyframes as well for the practice.
What challenges did you encounter, and how did you overcome them?
The biggest challenge I faced was the file pathing. I overcame this by creating my on file path.
What specific areas of your project would you like help with?
I would like help with simplifying my code. I believe I could accomplish the same look with less code.
What are you most proud of, and what would you do differently next time?
I began improving the website's accessibility by implementing several changes, such as using CSS preload to speed up loading times, replacing pixels (px) with relative units (rem), and substituting divs with semantic HTML elements.
What specific areas of your project would you like help with?
I would like assistance with correcting the semantic HTML in my project and identifying any missing best practices.
Una buena practica que alguna vez vi en un curso de css, es quitar los margenes y padding por defecto del body asi como también poner la propiedad box-sizing: border-box;
para tener mas control sobre las medidas de las cajas.