半歩ずつでも前に進めば変わっていく

Kozue Blog

プログラミング 学習 記録

プログラミングで月収5万円になるまでの記録35日目

更新日:

こんにちは、こずえです。
プログラミング学習記録35日目です。
サイト模写の続きです。

所感:無事晴れて桜を見ることができました?(∩´∀`)∩
職務経歴書とかを書いたり用事があって金、土曜日の更新&勉強ができませんでした。この話はいつか別の記事で書けたらなと思います。

合計学習時間

前回までの時間:57.50[h]
今回の時間:1.25[h]
合計時間:58.75[h]

学習内容

前回に引き続き以下のサイトの模写です。

サイト模写の経過

今回はナビゲーションバーの折り畳み(navbar-collapse)部分を触りました。

中身の部分のテキストと横幅を変更しました。

WebサイトAirbnb01模写_w397px_12日目_navbar-collapse

下部のコンテンツ部分を覆い隠すことができました。
.vw-100、.vh-100を指定した空のdivをnav-itemとして追加しています。

Airbnbでは、展開している部分に応じてページの縦横幅が変更されるようです。
単純にスクロールを無効にしているわけではなく、縦横幅を短くしてはみ出た部分もスクロールで見ることができます。

現状では「ログイン」の行の下に大きな何もないブロックを置いているだけなので、その分余分なスペースが生まれてしまっています。
縦幅を固定するか、他のコンテンツを非表示あたりでできないか考えています。

-プログラミング, 学習, 記録
-, , ,

Copyright© Kozue Blog , 2019 All Rights Reserved Powered by STINGER.