Freecodecamp: [beta] the first flexbox challenge

[tommygebru]

The flexbox challenges I assume have inappropriately large div heights...
starting with

Css Flexbox: Using display: flex with Two Boxes
http://beta.freecodecamp.com/en/challenges/css-flexbox/using-display-flex-with-two-boxes

[ajain17]

@tommygebru what do you mean it assumes you have inappropriately large div heights? We are setting height to 500px for each div. Can you please elaborate your issue?

[HKuz]

@tommygebru - thanks for pointing this out. I consolidated a number of the Flexbox issues over in #12803, and propose to size the divs with a width: 200px; and height: 200px;. This will show both boxes in their entirety in the mobile phone screen output area, so campers can see the result more clearly. We'll also make the fix for challenges Using the Flex-direction Property to Make a Row and Using the Flex-direction Property to Make a Column (as you pointed out in #12870).

@ajain17 - thanks for taking these changes on, much appreciated!

[ajain17]

@HKuz I think instead of hardcoding the pixel value, we should set width to 100% and set height to 50%. What do you think?

[ajain17]

This is how it will look.

[HKuz]

@ajain17 - that looks good and work, too!

[tommygebru]

@ajain17 I would suggest even small blocks that make it very easy to distinguish a layout or orientation of the child elements before any flexbox code is introduced or changed