launch site

Foodastic

Adaptive page

Brief

Design and code a single recipe page from a cooking site.

Spec

The page should be built using the adaptive approach (multiple fixed with layouts), and must demonstrate mobile, tablet and desktop layouts.

Execution

Since this is a piece from a big recipe site I organized and structured the page as a template for all inner pages. I designed a simple grid layout that can be adapt effortlessly for different viewports and will be easy for everyday updates of the content.

launch site