5月5日:html/navbar修正、counterup欄内容変更、

navbar修正

f:id:hinairo:20210505213327p:plain

写真のようにstyleをつけたら、レスポンシブ画面でトグルバーのリストが出てこなくなった。

 

f:id:hinairo:20210505213337p:plain

styleを消したらリストが出て来た。ずっと悩んでいた原因はこれだったのか。

f:id:hinairo:20210505213348p:plain

客層が周辺住民・中間層から高齢層までということもあり、読めるようにカタカナ表記に修正。サイト上の文章も日本語に修正した方がいいような気がする。

 

counterup欄内容変更。

オーナーが元々働いていたところのサイトを見るとインフォメーション欄があったので参考にして変更。あとはリンクページの設定を作成しなければならないか。

f:id:hinairo:20210505214856p:plain

構成はtableで作成。ボーダーが全体に伸びず文字を打ったところまでしか伸びなくて検証で確かめてみた結果tableにwidth100%をつけたら範囲いっぱいまで広がった。

 

入力フォーム修正

レスポンシブ画面にした時フォームとボタンが背景からはみ出してしまうので、狭めるために、rowにmx-1をつけてみるといい感じに収まった。

f:id:hinairo:20210505235108p:plain

f:id:hinairo:20210505235118p:plain


マップ部分のカラム修正

iPadproにした場合マップがはみ出ていることに気がついたが、heightとwidthを変えても何も変わらない。ipadproは横幅が1024pxなのでmd-6からxl-6に変更して幅を狭めていった時にマップが枠からはみ出さないようにした。

f:id:hinairo:20210506011130p:plain

 

cherimoのオーナー岩釣氏にurlを送ってみたところ、すごいのができているとびっくりしているみたい。写真をまた撮って送ってくれるとのこと。