I am submitting this solution even though I did't solve one problem. That is because I was impatient to see how this feedbacks and community works. The problem is the heading just below the image. I simply can't make it to look the same like on preview. Something with font weight.. I did everything by instructions, but as i said .. impatience.
Feedbacks are more than welcome! thnx
Hello there, I would suggest to just take the <h3> font size to 20px and the <p> font size to 10px, the image size and the padding seems to be the right size, the margin on the top might be 5 or 10px too much maybe?
But I must say, the break between the two lines in the heading, genius. I did not think of that one on my solution haha.
If you make changes to the code, I found that it takes a minute or so for the code to reflect on the github pages after you made the commit. and you have 5 chances to generate a new screenshot under your solutions and then once the code has reflected then you can hit the generate new screenshot and then see the improvement.
I hope this helps a little to get you closer to the example!
Best of luck.
Hello There!
The Source code on github link does not work.
But on another note, I checked the code for it anyway and you coded the image element as:
<img src="/qr-code-component-main/images/image-qr-code.png" alt="">I fidled a little and discovered that if you change the ""/qr-code-component-main/images/image-qr-code.png" part to only :
"image-qr-code.png"
Then the image should show.
So In short the line should read :
<img src="image-qr-code.png" alt="">But the rest looks pretty good, well done!
