bug: Header width bug at 1024-640px causing off-center screen & blank space

[altankurt]

Describe the bug

The width of the header is incorrect between 1024px and 640px. As a result, it appears uncentered on the screen and with a blank space on the left.

Describe how you are producing the bug step by step

Steps to reproduce the behavior:

1. Go to this URL: https://twitter-js-clone.vercel.app/
2. Click on the browser and select "Inspect" from the right-click menu
3. Keep the pixel value below 1024 and above 604px.
4. Bug appears

Expected behavior

Title width should be adjusted responsively according to the screen size, providing a centered display without any unnecessary blank spaces on either the left or right-hand side.

Screenshots

Desktop Information

• Operating System: Windows
• Browser: Chrome
• Version: 112.0.5615.49

Mobile Phone Information

• Device: [e.g. iPhone6]
• Operating System (with the version): [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

Add any other context about the problem here.