Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Qr Code Site Challenge

@Juliancito1

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@R3ygoski

Posted

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

@Juliancito1

Posted

@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
Discord logo

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