HTMLのヘッダーをSafariでのレスポンシブ対応にしていただきたいです

【概要】制作しているホームページの添削をお願いできればと思います。 初めまして、ご依頼させていただきますP酸と申します。 自作のホームページのスタイルがなかなか上手く表示されないため、お詳しい方に添削をお願いしたいです。 具体的には、HTMLのヘッダーをSafariでのレスポンシブ対応にしていただきたいです。 Chromeで開くときちんと表示されるのですが、（画像1枚目）Safariだとどうしても表示が崩れてしまいます。唯一iPhoneSE2でのみSafariで型崩れしないことは確認できているのですが、私が使用しているiPhone11proMAXだと崩れるようです。（画像2枚目） 詳細は添付の画像に記載しております。 ご依頼をお願いする方には、制作途中のファイル一式　をお渡しします。ご確認いただいた後、訂正部分は直接書き込んでいただくか、文字ファイルにて挙動に必要なコードを書き込んでいただくか、どちらでも構いませんのでご記入いただければ幸いです。 また、作業環境でSafariで表示の確認ができる方が採用の条件です。 納品は1月6日中でよろしくお願いいたします！ 当方初心者のため、あれもやりたいこれもやりたいの精神で書いてあるコードがしっちゃかめっちゃかに散らばっているかもしれないです、、、制作環境はMac、使用ソフトはAtomです。 もし、ご依頼にあたって必要な情報が抜けていたり、ご質問などございましたらお声がけいただけると幸いです。 よろしくお願い致します！ 【提案の際のお願い】提案される際は、習得言語や実績などをご提示頂けますと検討がしやすいです。宜しくお願いいたします。