Computer scienceFrontendCSSFlexbox

Orientation and Display order

Theory

Define the order

Report a typo

Write a code so that the menu items are displayed in the following order:

  1. Home
  2. Catalog
  3. Profile
  4. Cart

Use values from 0 to 3.

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flex-basis</title>
</head>
<body>
<div class="menu">
<div class="menu-item section1">Catalog</div>
<div class="menu-item section2">Profile</div>
<div class="menu-item section4">Cart</div>
<div class="menu-item section3">Home</div>
</div>
</body>
</html>
Completed 0 of 1
The order is correct
___

Create a free account to access the full topic