転職活動用ポートフォリオサイト（WordPress）のレビュー/質問へのご対応

WEBデザイナー、WEBマーケター志望の者です。

転職活動に使用する、ポートフォリオサイトを一通りWordPressでテスト用の環境で作成しました。
このサイトの内容・コード・デザインを詳しい方にフィードバックして頂き、改善したいと思い、
メンターさんを募集しました。

WEB制作の仕事に携わったことは、ありますが、まだまだ力不足な点があり、
ポートフォリオサイトを制作したのも今回が初めての為、ご意見を頂きたいと思っております。

また、作成中に技術面でわからなかった点も3点あったので、教えて頂きたいです。
（具体的な内容は、下記をご参照ください。）

目標は、企業に自信を持って提出できるレベルにしたいと考えております。

使用している技術は、下記の通りです。
・ポートフォリオサイト → WordPress
・掲載作品　　　　　　 → HTML,CSS,SCSS,Skeleton,JavaScript,jQuery

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【お願いしたいこと】
・ポートフォリオサイト全体のレビュー（内容・デザイン・コード）

・掲載作品3サイト（全てレスポンシブデザイン対応）のコードレビュー
→掲載作品の3つの内の2つは、オンラインスクールの課題で作成し、表示崩れなどのチェックはして頂きましたが、コードレビューまでは、詳しくやって頂いていないので、正しくコードが記述できているか、見ていただきたいです。

掲載作品の内の1つは、デザインカンプの制作の段階までは、オンラインスクールの講師やMENTAのメンターさんに見ていただきながら制作しましたが、コーディングは、独学で行ったので、コードレビューのみお願いしたいです。

・技術面でわからなかった点のご対応
・各ブラウザでの表示崩れや不具合がないかのご確認

もし、可能でしたら、転職活動やキャリアについてご相談に乗って頂くのも
是非お願いしたいです。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【技術面でわからなかった点】
下記の3点がわからなかったので、対処法を教えて頂きたいです。

＜掲載作品の実装＞
①
掲載作品のうちの一つのサイトのヘッダーのメニュー全体の幅とそのすぐ下にある写真の幅（位置）をデザインカンプと同じデザインになるように揃えたいのですが、
PCの画面の幅によって、微妙に位置がずれてしまっています。デバイス（PC）によって、位置がずれてしまう点をどのように修正したらいいかわからなかったです。


＜WordPressの制作でわからなかった点＞
②
CSSファイルをWordPressの同じページで何度も書き換えると反映に時間がかかることが
あったので、良い対処法がありましたら知りたいです。

③
「Contact form7」のプラグインで実装した、お問い合わせフォームのスパムメール対策として、
テーマファイル内のfunctions.phpファイルに対策コード（日本語が一文字も含まれていない文章が入力された時にエラーになり送信できないように設定）を追加すると有効と知り、下記のサイトを参考にして、コードを編集し、実装してみましたが、下記のような不具合が出てしまい、この対策は行えませんでした。

不具合の内容
「Contact form7」の管理画面を編集・保存後に管理画面が真っ白になり、ログインできなくなる。
（その際、サイト自体の表示には問題はなかったです。）

他に併行して、下記のスパムメール対策をしています。
・プラグイン（honeypot）の導入、設定
・チェックボックスにチェックを入れないと送信ボタンが押せないようにする。

＜参考サイト＞
ContactForm7でスパムが急増したときにfunctions.phpを編集して対応できる方法
https://www.materialpot.com/php/wordpress/contactform7_functions/

色々試した結果一番効果があったContact Form7のスパム対策【プラグイン不要】
https://mudanaku.com/contact-form7-spam/#functionphp


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

上記の内容でご対応頂ける方は、ご連絡頂けますと幸いです。
どうぞ宜しくお願い致します。