Base Apparel: Coming Soon

Hello, everyone! So, this is my first project to be done with a JavaScript, and I'm particularly excited about it. However, I did come across a few things I wasn't so sure about how to tackle:

1. How was the icon button made to fit in properly into the input, and also, the error icon? Mine overlapped my icon button at first. I kinda cheated to get it to work, and yet, it isn't perfect.

2. I used JavaScript to switch the layout between the image and the text using this code: function screenSize() { if (window.matchMedia("(max-width: 1099px)").matches) { const colText = document.querySelector('.col-1-text'); const col2 = document.querySelector('.col-2');

                            colText.before(col2);
                        }
                    }
   

It sure worked, but it isn't perfect. When resizing the screen, it wouldn't take effect, not until the browser is refreshed. Is there a way to get it to work without having to refresh the browser?

Thank you.