Advanced Web Development Challenge

What property is used to create a flex container in CSS?

• flex-direction: row

• display: flex

• display: grid

• align-items: center

Which method is used to handle the resolution of a promise in JavaScript?

• then method

• catch method

• finally method

• resolve method

Which HTML5 element is used to define navigation links?

What is the main purpose of the CSS Grid layout?

• To manage animations and transitions in web design.

• To style text and fonts on a webpage.

• The main purpose of the CSS Grid layout is to provide a flexible and efficient way to create two-dimensional layouts on the web.

• To create one-dimensional layouts only.

In HTML, the data-* attributes are used to store custom data that can be accessed via JavaScript without affecting the page’s performance or validation.

• TRUE

• FALSE

What does the 'flex-direction' property do in a flex container?

• It determines the size of flex items in a flex container.

• It aligns flex items to the center of the container.

• It adds spacing between flex items in a flex container.

• It sets the direction of flex items in a flex container.

How do you create a promise in JavaScript?

• const myPromise = new Promise();

• const myPromise = new Promise((done) => { /* operation */ });

• const myPromise = Promise.resolve();

• const myPromise = new Promise((resolve, reject) => { /* asynchronous operation */ });

Which HTML5 element is used for defining the main content of a document?

What is the purpose of the 'grid-template-columns' property in CSS Grid?

• To define the number of rows in a CSS Grid layout.

• To define the number and size of columns in a CSS Grid layout.

• To set the background color of a grid item.

• To control the spacing between grid items.

In HTML, the <template> element's content is automatically rendered to the DOM when the page loads.?

• TRUE

• FALSE