Incorporate the Bootstrap grid layout into the following pages, starting the design for medium size: index header, nav, footer use all 12 columns each div of the main welcome section uses 4 columns ( of the screen width) breakfast, lunch, dinner, extras header, nav, footer use all 12 columns each dish div uses 6 columns (should show 2 dish divs per row) set max-width on all dish images (all images within a "dish" class div) to not be larger than the screen width locations header, nav, footer use all 12 columns each location uses 4 columns Step 3. Responsive Styling breakfast, lunch, dinner, extras set max-width on all dish images (all images within a "dish" class div) to not be larger than the screen width add a media query to hide the dish images on viewports smaller than 500px wide Step 4. Bootstrap Styling breakfast, lunch, dinner, extras use Bootstrap table classes to style the nutrition tables (Be sure that this overrides the previous table styles) use Bootstrap classes to give the dish images rounded corners Online Ordering

use Bootstrap table classes to style the online ordering table

use Bootstrap classes to style the Order button survey

use Bootstrap classes to style the Submit button and input fields

If there is any further information needed please comment and I can edit my post