fix: adjust layout for improved responsiveness on phones and tablets

[DizzyZff]

• Update CSS media queries for better handling of phone and tablet screen sizes.
• Modify layout elements to prevent distortion on narrow screens.
• Ensure all key content is accessible and visually appealing across devices.

close #13

[github-actions]

Visit the preview URL for this PR (updated for commit d363789):

https://dizzyz--pr14-13-fix-uzm40gfi.web.app

_{(expires Mon, 04 Dec 2023 20:47:50 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 9b1c75ec8aff8f6c5d55f1f5d1e38ab9561ab5e5}