Background

Organizing content horizontally on a webpage can be challenging, but Bootstrap gives us tools to do this more efficiently and in a way that is responsive to different screen sizes.

Task

Reformat the provided webpage into a structure that is more user-friendly. Do the following:

• Wrap all images into a single div element with class row.
• Make the first row of images show only three images and fill the whole screen.
• Make the next two rows show four images and fill the whole screen.
• Make any remaining rows of images show up six to a row.
• Add some padding.
• Make the first row of images change so that each image fills the screen when the screen width is smaller than sm.
• Do something else cool, too.