QR Code Component using CSS basic Layouts

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

In this projects, I tried to use only what I have learned so far using basic layout properties (width, height, padding, margin, boarder) without the use of flexbox, positioning, or grid.

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

I encountered many challenges including: giving the elements the right width and height, especially that I have not learned the media query yet.

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

Since it is my first project, I still feel that my code is not clean and the approach I took was not the best approach. I know with flexbox, positioning, or grid, it will be easier to layout my elements, but I do need help making basic designs with basic properties so I feel more comfortable with CSS.