Responsive Fluid layout (Example 2)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fluid layout 2</title>
    <style>
        .heading{
            width:80%;
            height :150px;
            text-align: center;
            border: 1px solid black;
            background-color: aqua;
            margin: 1% auto;
        }
        .container{
            width: 80%;
            margin: 0 auto;
        }
        .block{
            width: 190px;
            height:300px;
            border: 1px solid black;
            float:left;
            background-color: aqua;
            padding: 5px;
            margin-left: 1%;
        }
    </style>
</head>
<body>

        <div class="heading">
            <h1>My Responsive Page</h1>
        </div>
        <div class="container">
        <div class="block">
            <h6>Block 1</h6>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea cum omnis vel earum aliquid, laborum quae iste placeat repudiandae qui repellat minima ratione dolore, velit saepe commodi minus quisquam facilis.</p>
        </div>
        <div class="block">
            <h6>Block 2</h6>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora voluptatibus nulla explicabo dolore facilis deserunt veritatis minus velit impedit numquam amet ex harum fugit obcaecati delectus praesentium quos, cumque voluptatum. </p>
        </div>
        <div class="block">
            <h6>Block 3</h6>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate perspiciatis obcaecati, iste itaque similique vitae totam magni libero recusandae sit repellat incidunt fugit consectetur mollitia laborum maxime sed, iusto quia. </p>
        </div>
        <div class="block">
            <h6>Block 4</h6>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, eaque. Facilis nemo ad et maxime quisquam quibusdam quae odit autem! Dignissimos voluptatum dolor nobis natus ab asperiores in vitae, odio.</p>
        </div>
        <div class="block">
            <h6>Block 5</h6>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam eligendi quisquam hic illo vel neque explicabo eius. Magnam optio sequi eveniet corporis quos, fugiat numquam perspiciatis commodi aliquam quasi debitis. </p>
        </div>
        </div>

</body>
</html>