<ul>
   <li>Apple</li>
   <li>Bananna</li>
   <li>Grapes</li>
</ul>

           <a  href="https://reactgo.com/change-bullet-color-in-html-lists/" target="_blank" class="master">Read tutorial</a>
    </div>
ul {
  list-style: none; /* Removes the default bullets */
   font-size: 32px; /* increases the bullet size, list-item font size */
}

ul li::before{
  content : "\2022"; /* Adds the bullet */
  padding-right: 10px; /* creates the space between bullet, list item */
  color: blue; /* changes the bullet color*/
}



/*my styles*/

@media (max-width:900px){
  .master{
    display:none;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.