Skip to content
Submitted about 1 year ago

QR code component using HTML and CSS

josiah•10
@yymir
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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
    @RodrigoHLCPosted about 1 year ago

    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

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