中央のワンポイントがズレたボックスの作り方

中央のワンポイントがズレたボックス。
ワンポイント部分を中央に配置するのと、
ズラすデザインのボックスを作りました。

これだけで１日費やしてしまった。

イラレなら５分とかからないデザインなのに・・（泣）

 

こんなようなやつ↓

【参考にしたサイト】
中央揃えにならない場合の対処法
https://cotodama.co/css-center/