QR Code Component using only HTML and CSS.

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

I am usually good at Java, JavaScript, Python for problem solving. But when it comes to project building, I had always struggled with HTML, CSS, not knowing how to place the sections, not knowing how to make style any images like even margin styling was also a struggle for me. But I think in this project I got to know more about how margins work and how transform property works and I am proud of the fact that I have at least started working on my HTML, CSS which I ignored for a long time.

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

I encountered challenges related to placing the container at the center of the page, I didn't knew what to use, I just typed 'display: center' like a fool, but after reading MDN documentations and after seeing some examples in google. I got to know about margins, transform property, which helped me a lot in this project.

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

I would like to understand how to start structuring and styling the page for example I knew that a white box should be there at the center and the QR image, details should be inside the white box. But I thought of them as solid items, like how would an image and text get inside a white box because all of them are separate. In my mind I thought these would just collide with each other rather then forming at one place. I would like to get help with positioning, centering any item or data.