Skip to content
Submitted 7 months ago

Responsive Qr Code Site Challenge

Julian Martin•150
@Juliancito1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of the site I did, obviously there are things I need to learn more. I will aprecciate the feedback

What challenges did you encounter, and how did you overcome them?

I think my challenge sometimes is CSS, I use Bootstrap because it makes more easier and faster to me.

What specific areas of your project would you like help with?

I think the Qr Code Img didn't get border radius on the top, I don't know why

Community feedback

  • Bernardo Poggioni•5,360
    @R3ygoskiPosted 7 months ago

    Hola Julian, felicitaciones por la finalización de tu proyecto, quedó muy bien y casi similar al diseño propuesto.

    Me gustaría comenzar hablando sobre tu HTML, está muy semántico, y me gustaría dar un pequeño consejo sobre este fragmento en específico: <div class="img-container">, en lugar de usar un <div>, podrías usar un <figure>, que es más apropiado, ya que esta es la imagen principal.

    En cuanto a Bootstrap, es bueno para proyectos donde necesitas usar componentes y crear todo de una manera más rápida, pero (en mi opinión), es bastante limitado en cuanto a utilidades, recomendaría Tailwind CSS. Pero no está mal usar Bootstrap.

    Como no tengo mucho conocimiento con Bootstrap, no podría decir si alguna clase que utilizaste tiene específicamente un border-radius ya predefinido, pero estoy casi seguro de que eso es lo que está afectando el border-radius de la imagen, lo que recomendaría sería utilizar un selector más específico, como el de clase o de id para cambiar eso.

    Y nuevamente, felicitaciones por el proyecto, sigue practicando y mejorando. Si algo de lo que dije no quedó claro, por favor, comenta abajo que intentaré ayudar de la mejor manera posible.

    Marked as helpful
    0
    Julian Martin•150
    @Juliancito1Posted 7 months ago

    @R3ygoski Gracias Bernardo, tomaré en cuenta lo que me comentas e intentare modificar si es necesario haber si se resuelve el problema. No tengo experiencia con Tailwind CSS por eso utilizo CSS y Bootstrap

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord