17 lines
563 B
Markdown
17 lines
563 B
Markdown
|
---
|
||
|
|
title: "Use display: flex to Position Two Boxes"
|
||
|
|
---
|
||
|
|
## Use display: flex to Position Two Boxes
|
||
|
|
|
||
|
|
<a href='https://github.com/freecodecamp/guides/tree/master/src/pages/css/layout/flexbox/index.md' target='_blank' rel='nofollow'>Flexbox</a> is a way to structure content in CSS3 which allows you to create responsie websites.
|
||
|
|
|
||
|
|
This challenge is to set the first out of thre steps when using Flexbox. You need to make the parent container a flex one by adding <i>display:flex;</i> to its CSS section.
|
||
|
|
|
||
|
|
Example:
|
||
|
|
|
||
|
|
```CSS
|
||
|
|
#main-container {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
```
|