<style>
div.gallery {
  border: 1px solid #ccc;
}


div.gallery img {
  width: 100%;
  height: auto;
}


* {
  box-sizing: border-box;
}
        div.myex2 {
            background-color: lightgreen;
            padding: 20px;
            text-align: center;
        }

.responsive {
  padding: 0 6px;
  float: left;
  margin-bottom: 40px;
}

        @media screen and (max-width:1100px){      /* 100px 이하 */
  .responsive {
    width: 100%;
  }
            div.myex2 {
                font-size: 40px;
            }
        }


        @media screen and (min-width:1100px) and (max-width:1600px){ /* 100px 이상 200px 이하 */
  .responsive {
    width: 49.99999%;
  }
            div.myex2 {
                font-size: 20px;
            }
        }

        @media screen and (min-width:1600px){      /* 200px 이상 */
  .responsive {
    width: 24.99999%;
  }
            div.myex2 {
                font-size: 16px;
            }
        }

</style>
    
