rxlabz/demo_flex.html

## demo_flex.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>

        .row{
            display: flex;
            height: 180px;
            background-color: #ff0;
            /*flex-direction: column;*/
            align-items: center;
            justify-content:space-between;
        }

        .ssbloc{
            width: 70px;
            height: 100px;
            margin: 10px;
            background-color: #ddd;
        }

        .large{
            flex-grow:1;
        }

    </style>

</head>
<body>


<div class="row">

    <div class="ssbloc large">texte 1</div>
    <div class="ssbloc">texte 2</div>
    <div class="ssbloc">texte 3</div>

</div>

</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>

	<style>

	.row{
	display: flex;
	height: 180px;
	background-color: #ff0;
	/flex-direction: column;/
	align-items: center;
	justify-content:space-between;
	}

	.ssbloc{
	width: 70px;
	height: 100px;
	margin: 10px;
	background-color: #ddd;
	}

	.large{
	flex-grow:1;
	}

	</style>

	</head>
	<body>


	<div class="row">

	<div class="ssbloc large">texte 1</div>
	<div class="ssbloc">texte 2</div>
	<div class="ssbloc">texte 3</div>

	</div>

	</body>
	</html>