レスポンシブがうまくいかない・・・ 初めに伝えておきますが、僕は未経験から独学でwebデザインを勉強中の48歳のオヤジです。自己流のようなものですから、そのあたりはお察しください。 そんなオヤジが、webデザインを作る上でつまずくことの一つに、レスポンシブがある。 PCでは理想のデザインが作れても、見るデバイスによっては「なんじゃこりゃーデザイン」になってしまうんだ! 今回作ったのは、3×3のフォトギャラリー風のデザイン。 ギャラリーにはフレックスボックスを使っているのだが、案の定一部のデバイスでデザインが崩れた…そこから地道に、自分で納得いくまでレスポンシブをやってみた。 ダメ親父伝 フレックスボックスレスポンシブ フォトギャラリーデザイン完成形 PCで見たデザイン モバイルで見たデザイン スマホで見たデザイン HTMLソースコード CSSソースコード これで完成? フレックスボックスレ