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 new learner

hphats 20

@hiepphatle1104

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 are you most proud of, and what would you do differently next time?

im pround of my improvement, so i think i will clean my code and using some new tech like sass or js in my project

What challenges did you encounter, and how did you overcome them?

hmm...maybe that is a project which have many shape in that, i think that is my cons because i dont know how to make that, like a triangle or half circle. But then i watched some video and searched about that. and then i can make that shape=)))

What specific areas of your project would you like help with?

maybe about backend, because i dont know how to learn that, so i need some people instruct me to learn that, and teach me about tips and tricks in backend:))

Community feedback

@R3ygoski

Posted

Hello @hiepphatle1104, congrats for your project, it's very good, good job!

Regarding your interest in learning about the backend, I'll leave this link here for you to check out. It's a roadmap that can help you get started in that area. Backend Roadmap. Note: I'm not sure if this roadmap is really good, as I've never tried the backend myself.

Now, about your project, try to use more semantic HTML. I noticed it lacks some semantics. Here's an example of a tag that could be more semantic:

  • <div class="container">, instead of using this div, you could replace it with a `<main>`tag, as it contains all the main content of your page.

Another tip, avoid using CSS inline within your HTML; it's not a good practice and can make your code organization more difficult. Try to get used to using external CSS files.

Congratulations on your project! It's almost identical to the proposed design. Keep up the good work, and if anything I said is confusing, please comment below, and I'll try to help you as best as I can.

Marked as helpful

0

hphats 20

@hiepphatle1104

Posted

@R3ygoski thanks for your help, i will try the things you said above.

0

@R3ygoski

Posted

@hiepphatle1104 No problem, I just wanted to ask if you found my comment helpful and if it assisted you in any way, could you please consider marking it as helpful? It would really help me out! Thank you in advance.

0
ricky 140

@thekid2005

Posted

good job! I'm happy for you, that you managed to overcome the difficulties

0

hphats 20

@hiepphatle1104

Posted

@thekid2005 thankss

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