Question: All you need to do for this task is print to the javascript browser console the size of the screen ( small ,

All you need to do for this task is print to the javascript browser console the size of the screen ("small", "medium", or "large") whenever it changes. (Hint: Look at PhotoGalleryLib.onSizeClassChange)
Remove the hardcoded table of images in your HTML file. We will dynamically generate it using JavaScript in this task, and add it to the DOM. Whenever the screen size changes (ex, from large to medium), the following should happen:
A) Delete the table of images from the DOM
B) Generate a new table of images for the current screen size (Hint: Look at PhotoGalleryLib.generateGrid)
C) Insert this new table into the DOM

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!