emerald

information

PC向け・白背景・シンプルだけどワンポイント素材ありのリクエストでした。素材は右足様よりお借りしています。
PC向けの条件がよくわかっていませんがPC、スマホどちらで見ても崩れないようになっています。
メニュー以外のリンクはこんなかんじ、強調はこんなかんじ

customize

PC向けということでなんとなくメニューリンクにホバーエフェクトつけてます。
ボックスを増やしても画面幅に合わせて綺麗に折り返すようになってます。小さい画面で見ると1カラム表示です。一つ一つのボックス幅はHEAD最後の方にあるflex-basis:250px;で調整してください。

source code

自動改行しない設定で作成しています

HEAD

BODY