CodePen Embed - Flexbox Approach to Responsive Design

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

body {
    padding: 2rem;
    background-color: whitesmoke;
}

.item {
    background-color: lightpink;
    border-radius: 5px;
    height: 180px;
    margin: 1rem;
    width: 200px;
}

.container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

This Pen is owned by Tulsi Prasad on CodePen.

See more by @tulsi-prasad on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.