hugo-shopping-product-catalogue-simple/layouts/products/single.html

{{ define "main" }}
<header>
    <h1 class="text-center">{{ .Site.Title }}</h1>
</header>
<article class="container-fluid">
    <div class="row">
        <div class="col-12">
            {{ partial "products/common/site-main-nav.html" . }} 
        </div>
    </div>
    <div class="row d-block d-md-none">
        <div class="col-sm-12">
            {{ partial "products/single/product-single-heading.html" . }} 
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-6">
            {{ range .Params.images }}
            <img class="img-fluid text-center" src="{{ . }}" /> 
            {{ end }}
        </div>
        <div class="col-sm-12 col-md-6 d-sm-none d-md-block">
            {{ partial "products/single/product-single-heading.html" . }} 
        </div>
    </div>
</article>
{{ end }}