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 HTML CSS Flexbox

@nanyalamaison

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


What i found the most difficult as a beginner is the positionning of elements on the body and the card container. I fear that my code is not that good and that readable. what are some best practices when building any website? (where do i start, how do i organize my code)

Community feedback

Irwing 200

@Irwing-Dev

Posted

Hi Anne! 👋

Answering your question, I recommend you to check out these articles to learn tehory:

SEO Best Practices: 10 Ways to Boost Organic Rankings & Traffic

Writing Clean Code: Best Practices and Principles

But, you're on the right track, your element classes are easy to understand and your comments are in harmony with your code, any programmer who looks at it will be able to understand it easily, although, I would be careful about always putting comments at every step. As you're just starting out, putting these comments in is good for you, so much so that I'd even recommend it, but you also need to prioritize the clarity of the code itself, so to know how to do this you need to ask yourself: "What is this line doing? Would any programmer be able to understand this without me having to give them any additional information?" and get the answer from the code itself. This practice is related to the principles of clean code, there are many articles on this, I recommend that you research the subject.

I hope I've helped you and I wish you good luck with your studies, see you later!👋👋

Marked as helpful

0

@nanyalamaison

Posted

@Irwing-Dev

Thank you for taking the time to write this answer ! It was really helpful to me. I've indeed noticed that i tend to write comments on many lines i will try to think of the approach you mentionned. Thank your your kind words it is very encouraging.

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