Flex Box with reponsive (html5 / css3)

-- FlexBox Property --

display: flex;

flex: 1 (for size increse)

flex-direction: row/colums;

justify-content: space-around / space-between;

align-items: flex-start / flex-end / center;

flex-basis : 30%;

flex-wrap: wrap;

Html 5 :

<!DOCTYPE html>

<html>

<head>

<title>Flexbox</title>

</head>

<body>

<div class="flex1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

</div>

<div class="flex2">Lorem ipsum dolor sit amet, consectetur adipisicing elit Created By Pralay Das.

</div>

<div class="flex3">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

</div>

</section>

</body>

</html>

CSS3 :

*{