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

first solution using html and css

@OmarHashemHegazy

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


Please tell me how I can improve and how to get better

Community feedback

@amar215

Posted

The image of the QR is not uploaded. and the Heading font is very small. also, use the text-align property to align the paragraph text in the center. give padding to paragraph that way the text will keep away from the borders. add a margin-top to the heading to keep the distance from the QR image. this will make your component look like the design provided by the front-end mentor.

Marked as helpful

0

@OmarHashemHegazy

Posted

@amar215 Thank you very much for your constructive feedback and for your advice.

0

@Gabriel-Vlas

Posted

Olá, tudo bem?

ok, nesse trecho do código:

<img src="./images/image-qr-code.png" alt="">

Você só irá usar o "./imagens/" caso a imagem que irá usar esteja em uma pasta chamada "imagens". No seu caso a imagem está na mesma pasta do arquivo index.html, basta usar:

<img src="image-qr-code.png" alt="">

assim ele já irá reconhecer que a imagem está na mesma parta do aqrivo index.html. Testa e me diz se funcionou :)

Marked as helpful

0

@OmarHashemHegazy

Posted

@Gabriel-Vlas thank you very much my friend for your feedback and for your advice.

1

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