Would love some help with Flex plzz!

I’m trying to attempt to create flex boxes on my own but have failed already haha. my code boxes are not moving next to each other even though I’ve set the container to display: flex; and my boxes seem to be the children of the container. I’m sure I’m missing quite a few things out. Thank you guys!!!
My code:

Box 1

Box 2

Box 3

body { margin: 0; padding: 0; font-family: 'Roboto Mono', monospace;

}

.flex-container {

display: flex;
background-color: antiquewhite;
height: 600px;

}

.box{
width: 50px;
height: 100px;
background-color: aqua;
border: 1px navy solid;
}Preformatted textPreformatted text

Summary

List item

Hi there,

From first glance it appears that your boxes should flex, but it appears your preformatted text did not want to display correctly.

You will want to make sure to use this button:

image

And make sure all of your code is in there. Then perhaps we can take a looksie at what’s going on. :slight_smile:

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