how to place first and last items along the edges and if space-between is correct

Question

style.css

/* Complete the challenge by writing CSS below */

.row{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Flexbox Layout</title>
  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="row">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
    <div class="item">Item 5</div>
    <div class="item">Item 6</div>
  </div>
</body>
</html>

Answer 1 · 2020-05-12T20:22:29Z

May 12, 2020 8:22pm

This code seems correct. If it doesn't pass the challenge, try restarting your browser and try again.

haroun egal

haroun egal

how to place first and last items along the edges and if space-between is correct

1 Answer

Steven Parker

Steven Parker