Media Queriesモバイルファースト版 - Cacher Snippet

6/22/2017 - 1:07 AM

Media Queries モバイルファースト版

Media Queries モバイルファースト版

mediaqueries.css


.columnBox__3colList {
    width: 100%;　/* Sp */
}

@media screen and (min-width: 768px) {
  .columnBox__3colList {
      width: 100%; /* Tablet */
  }
}

@media screen and (min-width: 992px) {
  .columnBox__3colList {
      width: 100%; /* Pc */
  }
}

@media screen and (min-width: 1200px) {
   .columnBox__3colList {
      width: 100%; /* Pc wide */
  }
}