Assign Tic Tac Toe Heading Alignment Issue for Enhancement

[Abdus-8747]

Description:

The heading "Tic Tac Toe" on the game screen appears misaligned on larger screen sizes, shifting too far to the right and overlapping with the container’s edge. I would like to take up this issue and fix the alignment to ensure a polished look across all devices. Additionally, I'll improve the overall design by giving the heading a more refined touch.

Proposed Solution:

Adjust the CSS for the heading to ensure it stays centrally aligned using either flexbox or grid for responsive design.
Enhance the styling of the heading by adding:
Proper spacing (padding and margins) for visual balance.
A subtle shadow or border effect to make the heading stand out.

Give the heading a modern look with improved font styling.
Ensure the design aligns with the overall aesthetics of the game.
Screenshot of Current Issue:

Assignment Request:
Please assign this issue to me so I can work on fixing and enhancing the design of the heading. I will provide a pull request with the necessary changes and improvements.