Media Query’s

Hey everyone this is going to be the last devlog before I ship and I have done mainly fixing items for different devices.

So mainly in the style.css code we do @media (max-width: 768px) { so then in this code we set width of the different containers, the 768 px is the size of the different devices. So for this size I do 600px for the different containers. And for the header and footer there was a bug well not really a bug since I coded it but even after it being on different device the page was massive, so the problem was I was making them 8000 pixels long so that the whole header background is full. But I realized that was wrong and I had to do width: 100%; for the width. This gets the screen size and makes the width that size. I mainly had to do that but I implemented in many spots. But when I was changing the media query size, I also had to change the font size, because on a computer you can see big, but if you keep that big font size it will look massive on a small device, also it cuts off. So I had to add that and then I finished. I didnt realized to upload to github pages takes like 5 minutes even after every commit, but I kept testing and finished my first portfolio. Bye guys!