yuminishi0309 / mavs-task-wp

採用課題用gulpボイラープレート
0 stars 0 forks source link

【ToDo】修正:ナビゲーションのレイアウト(ヘッダー/フッター) #5

Closed yuminishi0309 closed 10 months ago

yuminishi0309 commented 10 months ago

概要:画面サイズ変更時にコンテンツの比率が崩れる

ページ:ヘッダー、フッター 箇所:gnavメニュー、navボタン(CONTACT/RECRUITボタン)

不具合: ・画面サイズを変更した際に、gnavおよびnavボタンが、アスペクト比を維持したレイアウトになっていない部分がある ・横長画面でnavボタンがgnavに重なる

予想される修正内容: ・px指定の部分をremを使用した設定に変更する ・navボタンのポジション設定を変更(画面bottomからの相対位置ではなく、上の要素からの距離で指定するとよいか)

工数見積もり:1〜2時間

yuminishi0309 commented 10 months ago

footer部修正済

変更点:px指定の部分をremを使用した設定に変更 改善された点:アスペクト比を維持したレイアウトに改善された 工数:0.5時間 該当箇所: https://github.com/yuminishi0309/mavs-task-wp/commit/e634d70b3055c0109562a529e9fdf4d55a1ac8e6 app/src/sass/layout/_footer.scss

未修正部分:header部

yuminishi0309 commented 10 months ago

header修正済

変更点: ・px指定の部分をremを使用した設定に変更 ・nav/gnavのcss設定

改善された点: ・アスペクト比を維持したレイアウトになった ・横長画面のnavボタンがgnavに重なる点

工数:1時間

該当箇所: https://github.com/yuminishi0309/mavs-task-wp/commit/673d186cfde2e06c0ba9fb2ec77d6f91d60e3dd4 app/src/ejs/common/_header.ejs app/src/sass/layout/_header.scss