AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript Project 2 - Photo Gallery

This video tutorial guides viewers through creating a photo gallery with thumbnails and a main preview image. It covers setting up the necessary files, creating an HTML structure, and applying CSS styling for various elements, including hover effects and borders. The tutorial emphasizes the importance of organizing files and using specific CSS rules to achieve the desired visual effects.

What happens when a user hovers over a thumbnail in the photo gallery?

• The main preview image changes to the corresponding thumbnail.

• The thumbnail changes color.

• The thumbnail disappears.

• The main preview image becomes smaller.

What is the first step before starting the HTML page creation?

• Create a style sheet.

• Download the images folder.

• Write the HTML code.

• Set up a server.

What is the default font family set for the page?

• Ariel

• Courier New

• Verdana

• Times New Roman

What is the height defined for the thumbnails in the CSS?

• 100 pixels

• 80 pixels

• 60 pixels

• 120 pixels

What is the width set for the main preview image?

• 600 pixels

• 700 pixels

• 800 pixels

• 900 pixels