Coding

境界線上の野菜の写真はpositionを使い境界線の真上に画像が載る様に再現しております。また境界線上に半円飛び出ているあしらいはデザインカンプの画像をスライスで切り取りbackground-imageで出力する形で表現しております。この作品の製作を通して上記の様なpositionとbackground-imageの使い方、flex boxを使ったレスポンシブの方法を身につけました。