此ノ道デザイン

縦書きサイトコーディング(レスポンシブ対応)

デザインカンプ(Adobe XD)からのコーディング

ポイント⏬

  • 縦書きと横書きによるコーディング
  • テキストボックスは透過にして画像に重ねる
  • 背景画像とお知らせ数は、PC表示とスマートフォン表示で切り替える
  • スマートフォンのみタイトルの英語を非表示にする
  • レスポンシブのブレークポイントは768px、レイアウトが崩れないようチェック

次へ 投稿

返信する

© 2024 此ノ道デザイン

テーマの著者 Anders Norén