Webbie Exam

1

Please enter your name.* This field is required.

First Name

Last Name

2

What is the purpose of the Webflow Designer? Select all that apply.* This field is required.

To edit content in a WYSIWYG format

Lay out your page in a drag & drop format

It is the development environment that allows you to directly edit a site's HTML & CSS

3

What is the purpose of the Webflow Designer? Select all that apply. (Score)

4

Why is it important to add alt text to all images that have meaningful content? Select all that apply.* This field is required.

Alt text will show in the browser viewport if the image hasn't loaded properly.

It can improve your site's SEO

It explain the function and appearance of an image for users with visual disabilities

5

Why is it important to add alt text to all images that have meaningful content? Select all that apply. (Score)

6

By default, when you set a container's display to Flex, the direction of the elements inside the container is vertical* This field is required.

True

False

7

A CSS Class stores styling information for any element that shares the class* This field is required.

True

False

8

Padding is the space inside of an element.* This field is required.

True

False

9

You have a button with a height of 50px and an image with a height of 375px. You place both of them inside a container with a fixed height of 250px. What is the height of the container now?* This field is required.

425px

250px

675px

375px

10

What does it mean when a website is responsive?* This field is required.

Ensuring all the links in your website aren't broken

Using a combination of CSS, HTML, and Javascript on a single website

Controlling the font size of text on a website

Ensuring layouts properly fit and flow on all common device widths

11

What is the default position for a section?* This field is required.

Absolute

Static

Fixed

Relative

12

What position property removes an element from the normal document flow? (Choose all of the correct answers.)* This field is required.

Absolute

Relative

Sticky

Static

13

What position property removes an element from the normal document flow? (Choose all of the correct answers.) (Score)

14

What property do you set on a Section to hide text content from spilling outside the Section's boundaries* This field is required.

Object-fit: cover

Height: 100%

Width: 100%

Overflow: hidden

15

How would you keep an element's content and layout consistent across a site?* This field is required.

Create a combo class

Create a global class

Create a component

Copy and paste

16

In the Webflow Designer, to which state should you set transition properties?* This field is required.

Visited

None

Pressed

Hover

17

By default, style changes made on the Tablet breakpoint also affect which of the following breakpoints? (Choose all of the correct answers)* This field is required.

Mobile portrait

Mobile landscape

Desktop

They don't, style changes on Tablet only affect Tablet

18

By default, style changes made on the Tablet breakpoint also affect which of the following breakpoints? (Choose all of the correct answers) (Answer)

19

Choose the Heading tag lowest on the hierarchy:* This field is required.

H1

H2

H5

H6

20

If you want text to wrap around an image, which element should be set to float?* This field is required.

The parent element

Body

Text

Image

21

Which property affects the spacing outside an element's boundary?* This field is required.

Line break

Margin

Padding

Flexbox

22

Which of the following properties is used to apply a shadow to each letter in a Heading* This field is required.

Text decoration

Text shadow

Box shadow

23

If a background image's size is set to contain, that means...* This field is required.

The image is scaled to fill and cover the whole background of the element

The image is sized by its original dimensions

The image is scaled to stay contained inside the element

24

With relative positioning, you can.. (Select all that apply)

Fix an element to the viewport at all times

Reposition elements without interrupting document flow

Change the element stacking order using z-index

25

With relative positioning, you can.. (Select all that apply) (Score)

26

You can horizontally center an element inside its parent element by... ( Choose all correct answers)* This field is required.

Setting the child elements left and right margins to 100%

Selecting the parent element and setting it to flex to align or justify to the horizontal center

Setting the child element's left margin to 100% and the right margin to 100vw

Setting the child element's left and right margins to auto on an element with a defined width

27

You can horizontally center an element inside its parent element by... ( Choose all correct answers) (Score)

28

Where do you upload & manage your website's assets in the Designer?* This field is required.

The swatches panel

The assets panel

The navigator

The styles panel

29

In order to set the base styling on all H3 tags on your site you need to:* This field is required.

Select the "All H3 Headings" tag

Select the Body element

Style only one H3 Heading element - the rest will be stylized after that

Styling all H3 headings isn't possible

30

The Form block is made up of which child element(s)? Select all that apply.* This field is required.

Form

Error Message

Success Message

Form blocks do not have child elements

31

The Form block is made up of which child element(s)? Select all that apply. (Score)

32

HTML defines styling and layout, while CSS structure the content and page layout* This field is required.

TRUE

FALSE

33

How does a combo class differ from a regular class?* This field is required.

Combo classes allow you to control more styles than a regular class

A combo class inherits everything from the base class, but allows you to override specific styles

They don't differ - a combo class and regular class are the same

None of the above

34

Result