デザインカンプからのコーディング練習

デザインカンプからのコーディング練習(→Github

使用言語:HTML5/CSS3

 

Comments

XDデータ、簡単な指示書を元にコーディングを行いました。

基本的な型ですが、基本を知ることで次に活かすことができると考えています。

例えば、flexboxを使ったレスポンシブレイアウト、margin、paddingの使い方、テキストの中央配置などのCSSです。

 

これら、基本的な知識については、Progateやドットインストールなどの学習サイトで学んでいましたが、コーディング練習をすることで復習をすることができました。

また、デザインカンプを元にピクセルパーフェクトでコーディングする経験になりました。

 

 

全画面キャプチャ

PCイメージ

スマートフォンイメージ

 

Home

About

Works

Contact