@Sdann26
Posted
Hola Carlos, jejeje aquí tambien te tengo unas recomendaciones pero seré más breve. A las imagenes dale siempre que puedas display: block lo que pasa es que por defecto tienen como que un espaciado invisible por eso al ponerle tu overlay queda como si este ocupará más que la imagen, así que le agregas ese atributo y debe quedar perfecto.
Al background que le haz dado al overlay masomenos le haz atinado a lo que se debería hacer cambiale el color por background-color: rgba(0, 255, 247, 0.5) y quedará igual al diseño.
Y ahora si quieres agregar un efecto bien chulo a todo lo que tenga estados activo (hover, focus, active, etc) puedes agregarle la propiedad transition. Esta hará que para pasar de su estado normal al activo tenga una transición haciendo que no sea tan brusco el desplazamiento. Prueba poniendole a los links o botones, transition: all 200ms
Al igual que en el otro proyecto cambia el h2 por h1.
Y si ya haz hecho los cambios que menciono el sujeto de arriba si puedes generá un nuevo reporte llendo a tu reporte para que veas si ya se eliminaron todos los errores de esto,frontend mentor de por si revisa tu index.htmlk de tu repositorio para ver problemas de accesibilidad así que por buenas practicas intentamos que quede sin errores.
Good Coding!
Marked as helpful
