Recently, I had the opportunity to design a website for a local music school. This project was a great learning experience that has shown me the importance of continuous improvement and practice.
Check out the site here
Initially, I wanted to make the website responsive, but I soon realized that I lacked the time and knowledge to do so. Nevertheless, this project allowed me to work with Html 5 and relative measurements for the first time, and the desktop navigation looks good.
However, when testing on iPads and mobile devices, I noticed some issues such as empty space on the right of pages and header, content, and footer not fitting the entire space despite setting the width to 100% for all of them. Similar problems arose during landscape tests with Kindle Fire and Opera Mobile.
How can I resolve these issues? My goal is not to make the website completely responsive but to ensure that the containers fit appropriately within the layout of different devices.