CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Modal Box - Style - Part 2

This video tutorial guides viewers through creating a modal box using pure CSS. It covers hiding and displaying forms, button interactions, and positioning adjustments. The tutorial also includes adding animations for a polished appearance. By the end, viewers will understand how to create a responsive modal box with CSS.

What is the default state of the modal box before any interaction?

• Partially visible

• Transparent

• Hidden

• Visible

When the sign-up form is displayed, what should happen to its corresponding button?

• It should be highlighted

• It should be disabled

• It should change color

• It should disappear

How is the login form displayed when the checkbox is checked?

• By changing its color

• By enabling the login button

• By setting display to block

• By hiding the sign-up form

What CSS property is used to prevent the modal box from shifting vertically?

• transform: translateX

• margin: auto

• display: flex

• position: fixed

What happens to the webpage when the modal box is active?

• It is disabled

• It becomes scrollable

• It becomes brighter

• It changes layout

What animation technique is used to enhance the appearance of the modal box?

• Fade in

• Keyframes

• Zoom in

• Slide down

What is done to the cursor when hovering over the sign-up/login item?

• It becomes invisible

• It changes to a pointer

• It enlarges

• It changes color