Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Flexbox Layout Flexbox Properties Wrapping Items and Distributing Space

Posted by Susan White
Susan White
2,872 Points

bug in 2 of 3 for flexbox layout add property to make multiline layout would be flex-direction: column; is not working

I answered Task 1 which creates flexbox container. Task 2 asks to add property and value to change it to a multi-column layout. So I added flex-direction: column; and it says it is wrong. I have no spelling or syntax errors. help. can't get past it.

style.css 
/* Complete the challenge by writing CSS below */

.row {
  display: flex;
  flex-direction: column;
}
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>

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

See the previous video @ 2:56

Susan White
Susan White
2,872 Points

not helpful bc I have watched it twice and still draw same conclusion.

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Susan White I think the problem might be in the interpretation of the instructions. It says to use the property that changes this to a multi-line, but in your question, you appear to have read that as multi-column.

The documentation on the property you are looking for can be found here :smiley:

Hope this helps! :sparkles: