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

Kozue Blog

プログラミング 学習 記録

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

更新日:

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

所感:3日程前から寝る時間が後ろにズレてしまっているので戻さないと…!

合計学習時間

前回までの時間:100.00[h]
今回の時間:2.00[h]
合計時間:102.00[h]

学習内容

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

サイト模写の経過

今回は以下の変更を行いました。

  • フッター:レスポンシブ対応(1128px)
  • フッター:レスポンシブ対応(744px) 【修正】検索ボックスのサイズとクリック時のレイアウト
CSS_practice_Airbnb_01 pure_css_day12

ヘッダーの検索ボックス

結論:検索ボックスのクリック時のレイアウト対応は以降対象外とします

ヘッダーの検索ボックスの挙動を疑似的に再現したはいいものの、レスポンシブ対応をしていく上でどうしても無理が生じてしまい対応に頭を悩ませていました。

必要な動作を実現させるためにはjavascriptが必要という考えが私の中ではあって、今の実装はあくまで疑似的なものであり、本来の動作やレイアウトとは異なります。
(もしかしたら知らないだけでCSSで実現する方法があるのかもしれませんが…)

工夫すること自体は良いことかもしれませんが、そこに固執するのは力の入れどころではないという考えに至ったため、以降はクリック時のレイアウト対応は対象外とします。

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

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