4 Matching Annotations
  1. Oct 2022
    1. <span class="dot"></span> <!--how can i center these dots and turn the one red? (in css of course)-->

      Delete your button , replace it with an anchor within a div like

      div a class = 'watch' href = https://www.youtube.com/watch?v=6u1Ps6ZlDxA> Watch Video /a-/div----------------------------------------------then place the span next then put a closing div to close out the div with class group!

      then we gotta work some css magic which i will show you on css side!

    2. class="dot"

      apply id="dot" instead of class

    1. .dot { height: 10px; width: 10px; background-color: aqua; border-radius: 50%; display:inline-block; text-align: center; /*can anyone help me understand why these dots wont center? */ margin-bottom: 10px;

      Change .dot margin-bottom:10px; to margin-top:20px;---------then copy and paste it and make one an id named dot

    2. }

      Make a class named watch----------------------------------- .watch{ background-color:aqua; padding:1.5px; font-size:1.2rem; }