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

The video tutorial covers styling a model box using CSS. It begins with positioning the forms in the center of the page and making the wrapper fixed. The tutorial then adds styles to the wrapper, including padding, border, and color. Navigation buttons are styled using Flexbox, and headings and form elements are customized with font size and color. Input fields and buttons are styled with width, background color, and margin adjustments. The tutorial concludes with final styling touches.

What CSS property is used to center the forms wrapper on the page?

• position: static

• position: absolute

• position: fixed

• position: relative

Which CSS property is used to ensure the wrapper is above other elements?

• opacity

• z-index

• visibility

• display

What layout model is used to arrange buttons side by side?

• Grid

• Block

• Flexbox

• Inline

Which CSS property is used to make text uppercase in headings?

• text-decoration

• font-style

• font-variant

• text-transform

What is the purpose of using the 'not' selector in CSS?

• To exclude certain elements from styles

• To apply styles to all elements

• To reset styles

• To apply styles to only one element

Which CSS property is used to remove the outline from inputs?

• border: none

• outline: none

• box-shadow: none

• visibility: hidden

How are inputs for first and last names positioned side by side?

• Using float

• Using inline-block

• Using grid

• Using flexbox

What CSS property is used to change the cursor to a pointer?

• cursor: default

• cursor: text

• cursor: pointer

• cursor: move

Which CSS property is used to make the X button bolder?

• font-style

• font-family

• font-weight

• font-size

What is the CSS property used to define the width of buttons?

• margin

• padding

• width

• height