Skip to content
OverviewSolutions
16
Comments
4
Miguel
@Mad-input

All comments

  • Miguel•350
    @Mad-inputPosted 8 months ago

    Try to use a fixed width on your card to avoid line breaks in the text in responsive mode

    0
  • Pinielpeti•40
    @PinielpetiSubmitted 8 months ago
    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

    QR code card with html and css

    1
    Miguel•350
    @Mad-inputPosted 8 months ago

    1 Use in your body

    body { display: flex; justify-content: center; align-items: center; min-height: 100dvh; }

    Marked as helpful
    0
  • Alex•1,310
    @AlexKolykhalovSubmitted almost 2 years ago

    I'm not sure about <section> tag and all accessibility tree. Can you help me?

    Preview card HTML+CSS

    3
    Miguel•350
    @Mad-inputPosted almost 2 years ago

    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
    0
  • Gonzalo Palma•250
    @Gonzalop0210Submitted almost 2 years ago

    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

    Equilibrium

    1
    Miguel•350
    @Mad-inputPosted almost 2 years ago

    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 files

    I hope it helps you... happy coding 👋

    Marked as helpful
    0