Hello, everyone.
I have one doubt, i hope someone can help me with that.
If you look at the text in my solution and the original challenge text, I couldn't do the text formatting. I couldn't find anywhere about this. Any tips?
I'm not a big fan of using <h1> tags since they have a lot of default stuff that always makes it hard to work around for me, so I use <p> tags and just give those a class which you did too! The problem I see immediately is that you didn't text-align:center the bottom paragraph so it's aligned to the left.
Second, you'll notice the font-size for the header is actually not THAT much different than the smaller text, so what I would do is make sure they're close to even. I think you made the font-size for the header decent, but the font-size for the body is way too small.
Third, the color for the header is wrong. You're using black when it's a shade of navy blue. Use color:hsl(218, 44%, 22%); for the header.
Fourth, the padding between the top and bottom of your text is wrong. The padding between the header and paragraph text is too much, and the padding between the paragraph text and the edge of the container at the bottom. Also, I think the padding between the texts and the left and right edges are too much too, but it's barely noticeable and it's bound to happen when you're eyeballing like this.
Otherwise, you did a great job with making sure the border radius of the image lines up with the container, itself, which I had trouble doing. Good job!
Hey guys, I had fun completing this qr code component challenge, please feaI free to leave me some feedback!
Your solution really helped me figure out how to do the boxes correctly. I was having trouble getting the border radius of the white box to be aligned and seemless with the image so that they look the same. This solution really helped! Check my new solution if you want to see what I did. You had some code in there that I realized wasn't really necessary, so I cut some of that fluff out.
