HTML Carousel Not Working as Expected

[DaleMFrancis]

My carousel attempt is not working as expected. When the images exceed the viewport width, one would expect the overflow images to drop off the left and right sides of the viewport, accessible by left and right arrow controls. In my attempt, however, the images drop down the page to create new rows. Here is the code:

               <!-- carousel here! -->   
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                     <!-- Indicators -->

                     <ol class="carousel-indicators">
                       <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                       <li data-target="#myCarousel" data-slide-to="1"></li>
                       <li data-target="#myCarousel" data-slide-to="2"></li>
                     </ol>
                   
                     <!-- Wrapper for slides -->
                     <div class="carousel-inner">
                       <div class="item active">
                        <!-- <img [src]="#/assets/{{images[0]}}" alt="Cats Pic"> -->  
                        <!-- <img class="pics" src="#/assets/Monaco-and-Spirit.jpeg"> -->
                        <img class="pics" src="assets/Monaco-and-Spirit.jpeg"> 
                        <img class="pics" src="assets/Monaco-and-Spirit2.jpeg"> 
                        <img class="pics" src="assets/Monaco-and-Spirit3.jpeg"> 
                     </div>

                     <!-- Left and right controls -->
                     <!-- use fontawsome -->

                     <!-- <fa-icon [icon]="filmIcon"></fa-icon> -->
                     <fa-icon [icon] = angleLeft></fa-icon> 
                     <!-- <i class="fa fa-icon"></i> -->

                     <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                       <!-- <span class="angles angleLeft"></span> -->
                       <i class="fas fa-icon"></i>
                       <span class="sr-only">Previous</span>
                     </a>
                     <a class="right carousel-control" href="#myCarousel" data-slide="next">
                       <span class="angles angleRight" alt="" width="40" height="40"></span>
                       <span class="sr-only">Next</span>
                     </a>
                </div>

Can someone advise? Thank you.

[domenic]

Hey, this is not the best place to ask for help with your website. We suggest https://stackoverflow.com/ for such questions.

[DaleMFrancis]

No, that’s not going to work. Stackoverflow didn’t want the inquiry either. Is there some particular GitHub forum that will accept the inquiry?

…

On Nov 17, 2020, at 2:34 PM, Domenic Denicola ***@***.***> wrote: Hey, this is not the best place to ask for help with your website. We suggest https://stackoverflow.com/ <https://stackoverflow.com/> for such questions. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#6154 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARZGFCMSAHXMX24M5UYJ3QLSQLF6DANCNFSM4TZAAFLA>.

[DaleMFrancis]

I only joined GitHub this morning. I could use a little leeway. Thank you.

…

On Nov 17, 2020, at 2:34 PM, Domenic Denicola ***@***.***> wrote: Closed #6154 <#6154>. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#6154 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARZGFCMSAHXMX24M5UYJ3QLSQLF6DANCNFSM4TZAAFLA>.

[domenic]

I'm sorry, this isn't our area of expertise. This issue tracker is for bugs in the HTML standard itself. If StackOverflow doesn't work, then we don't know what the best place is.

As a point of GitHub etiquette, every post you make gets emailed to all "watchers" of the repository (525 for this repository), so when you're told something is off-topic, it's best not to followup by generating more off-topic mail.