I’ve made changes and I think it’s looking much better and responsive than before.
It looks much better @bds67. Couple of things to revisit;
- Run your HTML code through the W3C validator.
- There is a typo/leftover HTML coding error you should be aware of and address.
- Change the cursor to a pointer when hovering over the submit button
- Never use view port units for font sizes. The user should always be in control of the text size on the page (i.e. they should be able to manually increase the text size). Using view port units prevents them from doing this. Your job as a developer is to make sure your page is responsive to text size increases. If you don’t know how to manually increase the text size, using Firefox, go to the ‘View->Zoom’ menu and activate ‘Zoom Text Only’. Then while holding down the Ctrl key scroll your middle mouse button to increase the text size. Currently, the text size on your page will not change using this method because all of the font-sizes are defined with vw units. This means the only way I can increase the text size is to widen my browser window. What if I have really bad eyesight and can’t make my browser window wide enough?
I found and fixed everything. I checked in Chrome the same way with the CTRL key and the mouse scroll button. Now it works fine even on my phone.