17 lines
768 B
Markdown
17 lines
768 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 three steps when using Flexbox. You need to make the parent container a flex one by adding <i>display:flex;</i> to its CSS section. The CSS style can target a specific ID or HTML tag, or be aplied to multiple containers using a class. The parent container can be any container-type element, such as a div, section, header, footer, etc.
|
|
|
|
Example:
|
|
|
|
```CSS
|
|
#main-container {
|
|
display: flex;
|
|
}
|
|
```
|