Recipe Page

Community feedback

• 

  Andrew Neely•90

  @Andrew-Neely-82Posted 4 months ago

  If you were struggling with the li marker placement in mobile, this is how I did it.

  code is written is scss for context.

  `li { padding-inline: 2rem; margin-bottom: 0.5rem; position: relative; list-style: none;

    &::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 24px;
      font-weight: bold;
      color: map-get($colors, Rose-800);
    }
  }
  

  Marked as helpful

  0