(Do this assignment OR the 'Responsive Wireframe' assignment.)
Create mockups for all 6 'views' of the recipe site (home-mobile, category-mobile, detail-mobile, home-full, category-full, detail-full), with the design tool(s) of your choice. Pay attention to elements that should be consistent across all three templates, such as header/footer sections. Consider which styles apply only to mobile, which apply only to full-width, and which apply to both. Above all, put yourself in the shoes of the site-user, and constantly ask yourself whether your choices are addressing their needs.
Upload 6 html files, each with a single view, and link them together in a loop so that clicking anywhere on the page will load the next logical page.
(Do this assignment OR the 'Site Mockups' assignment.)
If you prefer to address the technical/structural challenges before design, build a structured, responsive, but unstyled html wireframe. It can just be black and white with simple placeholder data, but should show where each major element of each page will live, at all screen widths.
'index.html' should be the home page of the site, but you should also link to (and build) category and detail wireframe pages.