@krishnatalekar
Submitted
@Mad-input
@krishnatalekar
Submitted
@Mad-input
Posted
Try to use a fixed width on your card to avoid line breaks in the text in responsive mode
@Pinielpeti
Submitted
What are you most proud of, and what would you do differently next time?
i just learned how to do a box around a picture
What challenges did you encounter, and how did you overcome them?
image positionin was a little bit challanging, but i managed it
What specific areas of your project would you like help with?
bb
@Mad-input
Posted
1 Use in your body
body { display: flex; justify-content: center; align-items: center; min-height: 100dvh; }
Marked as helpful
@AlexKolykhalov
Submitted
I'm not sure about <section> tag and all accessibility tree. Can you help me?
@Mad-input
Posted
Todas las etiquetas <img> deben tener el atriburo <img alt="texto alternativo">, Todo proyecto tiene que tener una etiqueta <h1> y estas utilizando mal el atributo arial-label aqui un articulo que te ayuda https://barcelonageeks.com/html-atributo-aria-label/, la etiquetas <img> no deven tener el atributo type="". Espero que te ayude feliz codificacion 👋
Marked as helpful
@Gonzalop0210
Submitted
Se me complico un poco el hover de la imagen grande, pero al final salió, tuve que googlear pero me pone feliz aprender algo nuevo
@Mad-input
Posted
I recommend you use css variables, they help you a lot with the development of your projects and for hover effects like the one in the image you should use <div> elements, they are easier to handle with a position: absolute; something to <div class="image-preview"> inside the image of the eye
</div> and use separate filesI hope it helps you... happy coding 👋
Marked as helpful