Submitted almost 2 years ago

QR Code

@Tobiloba1234

A solution to the QR code component challenge

Solution retrospective

While trying to recreate the design, it was fun and I found it hard to make my profile picture come together and arranging my html element accurately. I have a long way to go but would really like feedback and review of my code. View my Profile paragraph could not change the background color, would love to know why.

Code

Please log in to post a comment

Community feedback

Mikhail•440
@MikeBeloborodov
Posted almost 2 years ago
Hello! I like how it looks, very good for a beginner! Try to change your header background color like this:
```
header {
background-color: blue;
}
```
It should work. Or change it to any other color that you like. Hope it helps! Good luck!
Marked as helpful
P
Justin Green•2,940
@jgreen721
Posted almost 2 years ago
Yea it looks like you have the span background set to blue and so that is whats rendering. Since a tags(links) naturally default to blue text, that makes things a little hard to see but that can overwritten in css as well. a{color: foo} -- although this approach will apply the color to all a tags which may not be what you want, in which case just give the a tag a class and target it that way.

Nice work though, I like the personalized/contact header idea and you nailed it on the card design! 🙂

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