[beta] Using the Flex-direction Property to Make a Row - Any value accepted
See original GitHub issueChallenge using-the-flexdirection-property-to-make-a-row has an issue.
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 8872.76.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.105 Safari/537.36
.
Please describe how to reproduce this issue, and include links to screenshots if possible.
Almost any value entered into box container will pass including column and any word-direction
<style>
#box-container {
display: flex;
fart:column;
}
#box-1 {
background-color: dodgerblue;
width: 500px;
height: 500px;
}
#box-2 {
background-color: orangered;
width: 500px;
height: 500px;
}
</style>
<div id="box-container">
<div id="box-1"></div>
<div id="box-2"></div>
</div>
Issue Analytics
- State:
- Created 7 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
flex-direction - CSS: Cascading Style Sheets - MDN Web Docs
The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or ......
Read more >A Complete Guide to Flexbox | CSS-Tricks
Note that CSS columns have no effect on a flex container. flex-direction. the four possible values of flex-direction being shown: top to bottom, ......
Read more >CSS Flexbox - Use the flex-direction Property to Make a Row
In this CSS flexbox tutorial we use the flex direction property to make a row on a responsive webpage. This makes up one...
Read more >Layout with Flexbox Cheatsheet - Codecademy
The CSS flex-grow property allows flex items to grow as the parent container increases in size horizontally. This property accepts numerical values and ......
Read more >Why aren't my flex rows actually appearing as separate rows?
Resulting in the property being set to its default value 'row'. ... flex-direction: column; I left the .flex-item with the **text2** as it ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I think we’ve left this issue open long enough for other folks to weigh in. I’m going to close it, but if anyone wants to add to the discussion, feel free to re-open 👍
Thanks all 🎉 🍀
@Greenheart - thanks for that amazing write-up comparing options 😄 👍 I’m also leaning towards point 2. There are many ways folks can add wrong or unnecessary code, but there (should be) only one right way to pass the challenge (and prove they understand the concept). There’s also that old known issue where the cursor in the code editor can randomly jump around while you’re typing - I’ve been a victim of it’s oddball ways and ended up with random junk code in places it shouldn’t be. I’m afraid if we make strict tests that code hasn’t changed, and someone doesn’t notice the cursor thing, they’ll wonder why their code won’t pass.