模写コーディング②テンプレート的なブログサイトでレイアウトの練習

模写コーディング②テンプレート的なブログサイトでレイアウトの練習

278 回閲覧されました

みなさんこんにちは、WEB制作のエンジニアのjonioです。

今回はブログサイトのトップページのデザインカンプです。

1回目のデザインカンプを使っていることを前提としているのでそれをまだやってない人はやってから今回のデザインカンプを使うことをおすすめします。

 

デザインカンプのURL

デザインカンプをコーディングした内容のポートフォリオへの掲載を許可します。

ただしポートフォリオに「練習用」と記載するのが条件です。

デザインカンプのリンクはここから

リンクのページを開いたときに最初PCサイズがスマホサイズは画面一番下にで切り替えることができます。

↓の赤枠です。

 

注意点

左右の余白の取り方を均等にしてください。

例えば↓の左右のオレンジの横幅と青色の横幅です。

また画像ですが著作権的に配布できないのでデザインカンプのリンクからスクショを撮ってください。