qr-code-component-main

I had a great experience while building this project. However, I had a bid of difficulty is using the CSS media query syntax to make the page responsive when opened on a smaller device. I read materials and CSS documentation, but I still didn't get a hang of it. I would appreciate it if someone can put me through on the use of CSS media query in making a page responsive on smaller screens. Also, I would like to know the best practices when it comes to styling divs, items in a div, class and ids. how are they to be written in the CSS when styling.