How can I effectively add product navigation buttons in Shopify Liquid?

I’m following the “Introduction To Shopify Liquid” course and following along the Stone Sisters module and I’m at the part where I need to Add product navigation buttons

The instructions tell me to

Step 1: Add the HTML and Liquid to display the buttons.

In your theme’s “main-product” section, add the following just above where the main product container begins (i.e., above the first instance of <div class="product”> )

{% if settings.show_product_navigation %}

 <div class="product-navigation">
    {% if collection.previous_product %}
      <a class="button previous" href="{{ collection.previous_product }}">{{ settings.product_navigation_previous_text | escape }}</a>
    {% endif %}
    {% if collection.next_product %}
      <a class="button next" href="{{ collection.next_product }}">{{ settings.product_navigation_next_text | escape }}</a>
    {% endif %}
  </div>

{% endif %}

Now I’m in my main-product.liquid, but I don’t see a div in the class of main product. And using the search feature and it’s not pulling up anything.

Ok so I just decided to inject the code under the section the ID of MainProduct, but no navigation buttons show up and when I go to inspect I cant seem to find it.

I would love to know more effective ways of searching for code in the code theme editor and any other help is greatly appreciated.

I think they are talking about this <div class="product product–{{ section.settings.media_size }}…>