Learn CSS Variables by Building a City Skyline - Step 91

** i am really confused the différence between flex-direction and justify-content
for class fb3 why we should use building-wrap ,
if someone can explain to me the diffrence , thanks **


.building-wrap {
display: flex;
flex-direction: column;
align-items: center;

.window-wrap {
display: flex;
align-items: center;
justify-content: space-evenly;



The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 Edg/106.0.1370.37

Challenge: Learn CSS Variables by Building a City Skyline - Step 91

Link to the challenge:

Flex direction tells the browser which direction elements should be laid out (horizontally or vertically).

Justify-content arranges the elements on their axis. (So if you want everything to be horizontal you use the flex direction row , then if you want things to be spaced evenly on the row you specify that with just-content. If you have ever used a word processor, it is slightly similar to the line alignment you see there, for eg left or right or center or justified, but in this case it is start/end/center/etc)

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.