Sriracha

Huy Fong Foods makes a very popular hot sauce. In this project you will do your best to replicate its iconic label in HTML+CSS.

sriracha label

Stories

Grid

Use empty boxes of different colors to replicate the grid layout of the label.

Use whatever layout system makes most sense to you (Grid, Flexbox, Absolute, Float...)

Horizontal English Text

Horizontal Chinese Text

Curved Thai and Chinese Text

see https://css-tricks.com/set-text-on-a-circle/

The Rooster

Finishing Touches

What label design elements did you miss?

References