現在、学習の一環としてairbnb(リンク内容)のこちらのページを模写しております。
Bootstrap4の基本的な学習を終え、取り組んでいます。
こちらのページを検証してみると、ヘッダー(ロゴや検索欄などがある部分)にBootstrapは利用されていないと考え、ヘッダーは単純にHTMLとCSSを書いて作ろうと思っています。
ヘッダーの<div>要素は『ロゴ』『検索欄』『ホストを始める』『ヘルプ』『登録する』『ログイン』という合計6つの要素に分かれており、タブレットサイズ以下になると右4つの要素は隠れる仕様になっています。
そこでなのですが、タブレットサイズまでページを狭めていく過程で、『検索欄』以外の要素はwidthが固定されており変化がないのですが、『検索欄』の部分だけがページが狭まると流動的に縮んでいくことがわかります。
横並びになっている要素のうち1つの要素だけを流動的にするにはどうすればよいのでしょうか。
回答2件
あなたの回答
tips
プレビュー