皆さんはレスポンシブ なサイトを実装するときどんな手順でコーディングしていますか？
勉強したての頃はデザインの画面幅、スマホなら375px、PCなら1280pxでデザインが再現できるようにメディアクエリ768pxでコーディングして出来上がり。当然メディアクエリを設定している768pxからPCのコンテンツ幅の1000pxぐらいまではいろいろと不具合が起こってくるので、また戻って直す。直しているうちにはじめにコーディングしていた部分が自信がなくなってくる…というようなものでした。
そんな私が私流ですが「こうするとスムーズ！」という手順に出会えたので今回はそれをお見せしようと思います。
※この動画はWeb制作初学者向けの内容になっています。
■ 使用環境
エディター：Visual Studio Code
ブラウザ：Chrome
■ 配布用データ
bit.ly/2QHs92X
---
■ 株式会社IMAKE
www.image-make.co.jp/
■ 制作のご依頼などはこちら
www.image-make.co.jp/contact.php
■ IMAKE公式SNS
Facebook： / imake.co.jp
Twitter： / imake_co_jp
■ はまーのSNS
Facebook： / 2yanko
Twitter： / 2yan2yan2yanko
■ 一番ややこしい齋藤のSNS
Facebook： / chitane.saito
■ ヒコのSNS
インスタ： / hiko_01
Twitter： / hiko_3
PIXTA：creator.pixta.jp/@hikoprof/il...
■ 宮もっちゃんのSNS
Facebook： / akito.miya