Whenever I adjust the size of my webpage on different devices or mobile phones, I notice that the <div> tag appears to be only half (or even less) the width of the page. This gap seems to increase as the window size decreases. Refer to the screenshots provided below:
For context, I am using Symfony and have included the following code snippet in my HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">Interestingly, this issue only affects the pages within one of my layouts while the rest of the website functions normally. It is worth noting that these affected pages share similar headers with other layouts, including styles and meta tags...