@import "definitions";

.article {
  box-sizing: border-box;
  width: $content_width_standard;
  border: 2px solid $main_color;
  padding: 10px 15px;
  margin: 0 auto 10px auto;

  @media  screen and (max-device-width: $small_device_width) {
    width: 100%;
    font-size: 10px;
  }

  img {
    width: 80%;
    display: block;
    margin-bottom: 10px;

    @media  screen and (max-device-width: $small_device_width) {
      display: block;
      width: 100%;
    }
  }

  blockquote {
    text-align: center;
    background-color: #dddddd;
  }

  .article-wrote-at {
    font-weight: bold;
    font-size: 20px;
  }

  ul, ol {
    @media  screen and (max-device-width: $small_device_width) {
      padding-left: 10px;
    }

  }
}

@import "definitions";

.article {
  box-sizing: border-box;
  width: $content_width_standard;
  border: 2px solid $main_color;
  padding: 10px 15px;
  margin: 0 auto 10px auto;

  @media  screen and (max-device-width: $small_device_width) {
    width: 100%;
    font-size: 14px;
  }

  img {
    width: 80%;
    display: block;
    margin-bottom: 10px;

    @media  screen and (max-device-width: $small_device_width) {
      display: block;
      width: 100%;
    }
  }

  blockquote {
    text-align: center;
    background-color: #dddddd;
  }

  .article-wrote-at {
    font-weight: bold;
    font-size: 20px;
  }

  ul, ol {
    @media  screen and (max-device-width: $small_device_width) {
      padding-left: 10px;
    }

  }
}

Fix font size in smartphone
Fix font size in smartphone
