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

QR Code

Tobiloba 50

@Tobiloba1234

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


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.

Community feedback

Mikhail 440

@MikeBeloborodov

Posted

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

0
P
Justin Green 2,770

@jgreen721

Posted

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! 🙂

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