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

Use HTML and CSS to completed

@DerRight

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?

What I am most proud of is that with the experience of the previous questions, I solved this question very quickly! ※Record: ten minutes

我最自豪的是有了前面幾題的經驗,這題很快就做出來了! ※紀錄:十分鐘

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

This question is basically to deepen the use of semantic components, so the challenge for me is how to make full use of semantic components without making the code look confusing.

這題基本上是加深對於語意化元件的使用方式,所以對我的挑戰是要怎麼活用語意化元件,並讓程式碼看起來不會混亂。

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

First of all, thank you for watching. I feel that I may not be very familiar with the use of layout and components, and I need to do more questions to improve myself! Please give me your advice again!

首先,先謝謝觀看你的觀看。 我覺得在排版還有元件上的使用可能還沒有很熟悉,還需要多多做題目來提升自己!再請各位多多指教!

Community feedback

@souleymane-diallo

Posted

Hello @DerRight, thank you for your feedback! I'm glad to hear that my suggestions were helpful to you. It was a pleasure to review your code, and I also learned a lot while examining it. You did an excellent job, and I gained valuable insights from your approach.

Marked as helpful

1

@DerRight

Posted

Hello @souleymane-diallo , let’s become better and stronger together!

0

@souleymane-diallo

Posted

Congratulations on a job well done!

  • Semantic Structure: I’d suggest using main, section, and h1 tags to enhance clarity in the content hierarchy.
  • Content Segmentation: Wrapping sections in div elements could help keep the layout modular and flexible.
  • CSS Organization: Moving the styles to a separate CSS file would make the code easier to maintain.

These small adjustments would make the code even more professional, accessible, and ready for future scalability. Keep up the excellent work!

Marked as helpful

1

@DerRight

Posted

@souleymane-diallo Hello, thank you for your advice! Is everything still going well? Your suggestions are very helpful to me!!!!!

  1. I will remember to use semantic components to improve code and typography clarity.

  2. Is it okay if I use section or article instead of div?

  3. OK! I will remember to use the external way to create CSS.

Your advice is really helpful to me, I will remember it, thank you very much!!!!!!

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