In this assignment you will be asked to do two tasks by completing the project from Assignment 1. 1. Make the website responsive 2. Add Dynamic element using JavaScript 15 POINTS PART 1: RESPONSIVENESS 1 POINT Make all the webpages in your website fit on all devices using Viewport. 13 POINTS Change the layout of all webpages to create a responsive website based on the 12- column strategy Remember to divide the layout into rows, then split cach row to different columns of your choice Remember to maintain the width of the columns using the box-sizing. 11 POINT Add at least on media query on one page) to change the layout on specific device width ranges. For example, change the layout for all large devices that has minimum width of 992px or for all small devices that has maximum width of 600px 15 POINTS PART 2: DYNAMIC CONTENT UN JAVASCRIPT Based on the topic of your work, choose one clement from one page) to be created dynamically from the JavaScript code which is triggered based on event of action General elements to include in your codes 1.1 POINT Perform a behavior based on an interaction with the website. Such as button click, double click, mouse actions. keyboard actions...etc 2. ONT Create generate dynamic content such as change HTML content of some element or add to the HTML content 3. 11 POINT Use some sort of storage: variables, objects, arrays...etc. 4. IL POINT Use some sort of flow control elements if if else, while, do, while, for, 5.II POINT Use functions to organize the code flow Some examples are, to mention a few Validate form clements on a button click and display suitable error messages Calculate total price of clement section based on a button click Generate random gnid of images out of many images stored in JavaScript array Generate table of content from an array of objects when the user clicks a button or hover over some clement In this assignment you will be asked to do two tasks by completing the project from Assignment 1. 1. Make the website responsive 2. Add Dynamic element using JavaScript 15 POINTS PART 1: RESPONSIVENESS 1 POINT Make all the webpages in your website fit on all devices using Viewport. 13 POINTS Change the layout of all webpages to create a responsive website based on the 12- column strategy Remember to divide the layout into rows, then split cach row to different columns of your choice Remember to maintain the width of the columns using the box-sizing. 11 POINT Add at least on media query on one page) to change the layout on specific device width ranges. For example, change the layout for all large devices that has minimum width of 992px or for all small devices that has maximum width of 600px 15 POINTS PART 2: DYNAMIC CONTENT UN JAVASCRIPT Based on the topic of your work, choose one clement from one page) to be created dynamically from the JavaScript code which is triggered based on event of action General elements to include in your codes 1.1 POINT Perform a behavior based on an interaction with the website. Such as button click, double click, mouse actions. keyboard actions...etc 2. ONT Create generate dynamic content such as change HTML content of some element or add to the HTML content 3. 11 POINT Use some sort of storage: variables, objects, arrays...etc. 4. IL POINT Use some sort of flow control elements if if else, while, do, while, for, 5.II POINT Use functions to organize the code flow Some examples are, to mention a few Validate form clements on a button click and display suitable error messages Calculate total price of clement section based on a button click Generate random gnid of images out of many images stored in JavaScript array Generate table of content from an array of objects when the user clicks a button or hover over some clement