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

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

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

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.

Read more

4 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What styles are applied to input elements in the forms?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

How do you ensure that the first name and second name inputs are displayed side by side?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What properties are used to style the X button in the model box?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the final step to make the model box functional?

Evaluate responses using AI:

OFF