Chapter1-2 写真の背景斜線ずらしにCSSコード追加

015ページのCSSコード『.pic::before』に以下コードの追加が必要でした。

background-size: 8px 8px;

下記コード、または該当デザインページのコードをご利用ください。

CSS

.pic {
  position: relative;
}

.pic img {
  position: relative;
  z-index: 2;
}

.pic::before {
  content: '';
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(-45deg, #d34e23 0px, #d34e23 2px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%);
  background-size: 8px 8px; /* 追加コード */
  z-index: 1;
}