Skip to content

Instantly share code, notes, and snippets.

@Avesha-2016
Created February 15, 2017 11:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Avesha-2016/de69f478bd31ff21b710712a495c3a1c to your computer and use it in GitHub Desktop.
Save Avesha-2016/de69f478bd31ff21b710712a495c3a1c to your computer and use it in GitHub Desktop.
<div class="products-row clearfix">
<div class="col-md-3 col-sm-6 col1 cell">и тут мало Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi recusandae, odio maxime numquam eum suscipit!</div>
<div class="col-md-3 col-sm-6 col2 cell">тут мало Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos quidem dolores nihil nostrum officiis quos praesentium iure eius dolorum, eos tempore repudiandae quae deleniti, ullam in labore. Earum totam dignissimos repudiandae expedita dicta consequatur cum, perferendis cumque nostrum at corporis explicabo unde aspernatur eaque consectetur assumenda nobis quasi quis, hic commodi saepe, fugiat impedit? Nam.</div>
<div class="col-md-3 col-sm-6 col3 cell">тут очень много</div>
<div class="col-md-3 col-sm-6 col4 cell">тут мало содержимого</div>
</div>
---------------------
.products-row {
width: 100%;
margin: 0 auto;
align-items: stretch;
display: flex;
justify-content: space-between;
}
.col1, .col2, .col3, .col4{
width: 25%;
border:2px solid #000;
margin-right: -2px;
}
@Avesha-2016
Copy link
Author

Размещение 4 дивов в ряд - одинаковая высота

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment