<div class="container">
        <div class="content">
             <main class="main block">
               MAIN CONTENT
                <p>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non. Vitae massa id odio egestas laoreet duis. Facilisis ultrices scelerisque sed sagittis id. Porttitor amet, aliquet velit gravida. Porta tellus diam quam arcu. Lectus ligula risus varius fusce commodo lobortis donec urna. Tortor, sed adipiscing amet pretium.
               <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  
                   <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
                  
                   <br><br>  
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
    
               </p>
          </main>
             <aside class="left-sidebar block">
               LEFT SIDEBAR
               <div class="hs">
                 <p>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non. Vitae massa id odio egestas laoreet duis. Facilisis ultrices scelerisque sed sagittis id. Porttitor amet, aliquet velit gravida. Porta tellus diam quam arcu. Lectus ligula risus varius fusce commodo lobortis donec urna.  Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non. Vitae massa id odio egestas laoreet duis. Facilisis ultrices scelerisque sed sagittis id. Porttitor amet, aliquet velit gravida. Porta tellus diam quam arcu. Lectus ligula risus varius fusce commodo lobortis donec urna. 
               </p>
               </div>
               
           <div class="hs">
             <p>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non.
               </p>
               </div>   
                              
          </aside>
<aside class="right-sidebar block">RIGHT SIDEBAR
  <div class="hs">
    <p>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. 
               </p>
  </div>
 <div class="hs">
   <p>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet senectus lacus nulla tellus. Malesuada rhoncus ultricies tellus ipsum. Aliquam, vivamus curabitur sit aliquam ut morbi odio sed. Ut lectus aliquam commodo scelerisque risus scelerisque pulvinar. Enim, sollicitudin posuere dictum habitasse maecenas quam urna volutpat hac. Id lectus adipiscing arcu maecenas non imperdiet eros egestas donec. Egestas suscipit tellus vitae fames mauris. Sit sit scelerisque rutrum suscipit fermentum velit volutpat non. Vitae massa id odio egestas laoreet duis. Facilisis ultrices scelerisque sed sagittis id. Porttitor amet, aliquet velit gravida. Porta tellus diam quam arcu. Lectus ligula risus varius fusce commodo lobortis donec urna. Tortor, sed adipiscing amet pretium. Tortor, sed adipiscing amet pretium. Dignissim orci urna, elit feugiat nulla ut faucibus. Venenatis non, sapien arcu nulla nisi facilisi. Massa natoque sem quis a scelerisque neque eget dolor. Magna ut faucibus sem blandit. Ornare id ultrices interdum ullamcorper lorem aenean convallis. 
                                Tortor, sed adipiscing amet pretium. Dignissim orci urna, elit feugiat nulla ut faucibus. Venenatis non, sapien arcu nulla nisi facilisi. Massa natoque sem quis a scelerisque neque eget dolor. Magna ut faucibus sem blandit. Ornare id ultrices interdum ullamcorper lorem aenean convallis. 
               </p>
  </div>      
                              
</aside>
        </div>

    </div>

/* RESET */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
/* COLORS and FONTS */
body {
    color: white;
    text-align: center;
    font-size: 24px;
    line-height: 3;
}
.container{
  max-width:1000px;
  margin:20px auto;
}
header {
    background: orangered;
}
main {
    background: darkslateblue;
}
footer {
    background: deeppink;
}
.left-sidebar {
    background: dodgerblue;
}
.right-sidebar {
    background: forestgreen;
}

CSS
.container, 
.content {
 display: flex;
 flex-direction: column;
}

.container, 
.content {
    display: flex;
    flex-direction: column;
}
@media all and (min-width: 768px) {
    .content {
        flex-direction: row;
        flex-wrap: wrap;
    }
    main {
        flex: 2;
        order: 2;
        min-height: 80vh;
    }
    .left-sidebar {
        order: 1;
        flex: 1;
    }
    .right-sidebar {
        flex: 1;
        order: 3;
    }
}

p{
  line-height:normal;
  font-size:12px;
  text-align:left;
  border:2px #fff solid;
  padding:10px;
}

$('.hs').matchHeight();