Computer scienceFrontendCSSFlexbox

Introduction to Flexbox

Theory

Hello, flexbox

Report a typo

Set up a flexbox with 3 items and fill it with the first, second, and third sentences of the Lorem Ipsum placeholder text respectively. In the end, it should look like this:

Three text boxes placed in one row

The text of the web page can also be copied from here:

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Placerat duis ultricies lacus sed turpis tinciduntid aliquet.

  • In ornare quam viverra orci sagittis eu volutpat odio.

Tip: Use flex-container as a class name for the container and flex-item for the items.

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Initial flexbox</title>
</head>
<body>
</body>
</html>
Completed 0 of 5
Container and at least two items are added to HTML
All the necessary CSS properties are applied
___

Create a free account to access the full topic