Instead of using padding, I used viewport width to make its size dynamic for different screen sizes. And with auto margin touch, it centers the content. Here's how it looks;
My initial screen size (1366×768)
![image](https://user-images.githubusercontent.com/108196023/200811722-5c0e4ef0-db89-48a7-b2ac-48d7a0277b65.png)
1920×1080 (dev tools is because I don't have 1920×1080 monitor)
![image](https://user-images.githubusercontent.com/108196023/200812936-16ae1d14-c35f-49ec-a8b9-be914ec7cce7.png)
Fixes https://github.com/zuzumi-f/Discord-11/issues/17#issuecomment-1307889097, closes #17
Instead of using padding, I used viewport width to make its size dynamic for different screen sizes. And with auto margin touch, it centers the content. Here's how it looks;
My initial screen size (1366×768)
![image](https://user-images.githubusercontent.com/108196023/200811722-5c0e4ef0-db89-48a7-b2ac-48d7a0277b65.png)1920×1080 (dev tools is because I don't have 1920×1080 monitor)
![image](https://user-images.githubusercontent.com/108196023/200812936-16ae1d14-c35f-49ec-a8b9-be914ec7cce7.png)