University of Bridgeport Responsive Layout Programming Paper

Build on the site using Node.js and Express.js, all of the function was done, but just lack of Responsive Layout.

• Use Bootstrap 4.
• On the index page, the portion of the page that displays the highlight images and their site text, needs to have the following layout: 4 columns for lg | 3 columns for md | 2 columns for sm (http://localhost:3000/)

• On the items page that shows all items, the image and video are shown in two column layout for display sizes greater than sm. Further, title / location is shown above the image & video pair and the “category” of the item below image & video pair. (http://localhost:3000/categories)

• On the item page for a specific item, as specified by the id(index: 1~7), the image needs to be at least 800px wide and the title / location above image and the text info needs to be below it. (http://localhost:3000/items/1)

• Below the image and text, the video and map need to be in a two column layout for display sizes greater than sm.