Flexbox Example Three

Example: Alter the Direction

Box 1

Box 2

HTML

<div class="container">
    <p class="box">Box 1</p>
    <p class="box">Box 2</p>
</div>   

CSS

<style type="text/css">
    .container {
    display: flex;
    flex-direction: column;
    background-color: yellow;
    border: thin solid black;
}