(練習)START

OVERVIEW

・下層ページありのコーディング、サーバーアップの練習 ・clump()、gridを使ったレスポンシブ対応 ・パーフェクトピクセル ・BEM記法 ・sassの練習 ・制作時間:15時間

YEAR 2024

主な内容

複数ページのコーディングをしました。

各ページリンクの際、階層に注意しました。BEM記法で記述し、SASSの使い方も改めて確認しながら行いました。

今回はパーフェクトピクセルを使いつつ、レスポンシブのサイズ調整をできるだけclump()を使うことで画面サイズの変化にどこまで対応できるかも試してみました。

また、gridを使うことで自動でレスポンシブ対応することにも挑戦してみました。

サイトはこちらです。(Basic認証をかけています)

ユーザー名:root
password:start


WEBSITE