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 component using HTML and CSS

josiah 10

@yymir

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


Hello! I recently started learning front-end development as of July of this year. I've been in tutorial hell for quite a bit, but this is the first project I've done without following a tutorial. I think I did pretty good, but I had to google a lot of stuff because it felt like my mind went blank for a good couple of minutes.

In the text "Improve your front-end skills by building projects", how do I remove the indent on the second line of the sentence? I tried text-indent: 0; with no success, so I am wondering if I need to alter something in my HTML or CSS file.

Also, is there anything wrong with my syntax or if there are things I could re-input to make my CSS look a lot less "beginner"? I'm not sure what's the most efficient ways of approaching things, so it would be very nice if someone were to point me to the right direction.

Thank you!

Community feedback

Rodrigo 480

@RodrigoHLC

Posted

Hello and welcome, Josiah

Congratulations on completing your first project without using a tutorial. Haven't checked out the code, but it looks very good to me .

I've only been studying coding since January so don't take my word as if I'm some sort of expert, but I'm pretty sure the issue you mention has nothing to do with indentation. It's probably just a matter of playing around with other simple properties in your <p> element like font-size, paragraph width, margin, padding, or something like that. Just try different combinations and you'll get it looking right.

My advice though, would be that you don't sweat the small stuff: when it comes to the visual aspect, what's truly important is practicing your layout skills. Not saying that you need it though! Just that that's where the meat of the issue is: learning how to organize or center elements, working with margins and/padding, using the Display and Position proprties, Flexbox and Grid, that sort of stuff. Other things like changing font sizes, families, can be done very quickly, so don't get too hang up on that. Good luck on your coding journey!

Marked as helpful

2

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