connecting...
Google translation for articles :

【webデザイン勉強日記】レスポンシブデザインで盛大に躓く

nem0.00xem (0) 133 2 0

Webデザインの勉強を始めてから三週間が経過致しました。


現在無料でプログラミングのロードマップを提供してくれているマナブさんの「マナブログ(https://manablog.org/code-life-start/)」にならって勉強しているのですが、自分の力試しにとロードマップであげられているチェックテストのページ模写(Airbnb公式サイト)を行いました。

 

(私が模写したものです)

コードはまだめちゃくちゃ汚いんですが、こんな感じで画面フルの状態だと大体の模写はできていると思います。
この前まではhtmlの存在すら知らなかったのだからそれなりに成長したとは思うのですが、ここにきて大きな躓きポイントが。
それはレスポンシブが適応されないということ。

 

Airbnbの実際のサイトではウィンドウが横幅1127pxになるとヘッダー内のナビゲーションが非表示になるのですが、何度やり直しても適応されません。
もう一度メディアクエリ、レスポンシブデザインの基礎動画を見返したりサイトで色々原因を調べたりしてみたのですが、何を試しても直らない。

 

私のことなのでしょうもないところを見落としているような気がするのですが、勉強を開始してから初めて壁にぶつかったので現在かなり苦しんでいる状況です。
とにかく目標はあと3日以内にこれを解決すること。

明日にはもう一度基礎を洗い直して立ち向かいたいと思います。

 

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
Yonnsann
2019-05-03 21:47:19ID:113025

>>えっさん(囚われの身)🐾nemlogツアーコンダクター&コメンテーター🐾::さん
ありがとうございます!
引き続き勉強頑張ります!

NEMber who posted this article

ネムログ気になったのでライブドアブログからいくつか移行します。

趣味は読書(特に太宰治)、アニメ鑑賞(特に幾原作品)、京都観光。
京都には足繁く通っているので色んな情報を提供できたらと思います。

また、教育実習、学校教員(少しですが)を経験して思ったことも少し書けたら良いと思います。

現在はwebデザインを勉強中。
22593
0

Why don't you read following articles?

17.225 XEM
451 19 9

0 XEM
40 1 0

1.3 XEM
99 1 0

0.35 XEM
92 3 0

19.0807 XEM
280 11 0

1.2 XEM
138 11 0


13.108 XEM
197 4 0