QR Code Component

What are you most proud of, and what would you do differently next time?

The thing that makes me proud in completing this challenge is that I was able to complete this challenge using vanilla CSS without the help of a framework. Even though I have tried using Bootstrap, this has hampered me, perhaps because I am not used to using Bootstrap and also using Bootstrap is less flexible for me for slicing the challenge this time. Maybe in the future I will try to use help from Tailwind which can help complete the next challenge more quickly.

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

the challenge I faced in this challenge was how to set up a responsive display. I've tried using bootstrap to speed up my work, but instead I'm getting confused and can't do the things I want. so in the end I used vanilla CSS to solve the problem. For this challenge, I think it's quite tricky, because content on mobile and desktop screens has the same content width, so in this solution I use the CSS property, namely max-width. so that mobile and desktop sizes can be completed with these CSS properties.

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

In this challenge I tried to apply CSS variables to use colors. CSS variables are quite new to me and have never been applied to my project. In this challenge I opened the documentation on w3school as a reference and example of using CSS variables