@import "./../../common/mini-reset.css";
@import "./../../common/base.css";

body {
  margin: 50px;
}

.box-border {
  border: 1px solid currentColor;
}

.rwd-img {
  width: 20%;
}

.float-wapper {
  background-color: yellow;
  border: 1px solid currentColor;
  display: flow-root;

  div {
    background-color: pink;
    float: inline-start;
    inline-size: 10%;
    aspect-ratio: 1/1;
  }
}

/* 미디어 쿼리 */

body {
  background-color: yellow;

  @media (min-width: 320px) {
    background-color: lightgreen;
  }

  @media (min-width: 480px) {
    background-color: aqua;
  }
}