My concern comes from the <h1> tags on lines 8 and 18… in his tutorial, the inner divs <div class="col-md-4"> continue horizontally across the screen, as soon as I deleted the <h1> on line 8 they do, but when I put it back they go down the screen vertically… any thoughts on what I’m overlooking?
at the end of the first video, I have the following HTML, with JQuery and BootStrap loading as he has said we should…
<div class="container">
<div id="header" class="text-center">
<h1>Twithc TV</h1>
<h2><a href="https://www.freecodecamp.com" target="_blank">Free Code Camp</a></h2>
<h3 id="fccStatus" class=""> id="fccStatus" class=""</h3>
</div>
<div class="row">
<h1> <!-- THE PROBLEM REVERTS WHEN I DELETE THIS H1 -->
<div class="col-md-4">
Logo:
</div><!-- close of logo -->
<div class="col-md-4">
DisplayName:
</div><!-- close of display name -->
<div class="col-md-4">
Status:
</div><!-- close of status -->
</h1>
<!-- -->
</div>
<!-- close of row -->
<div class="followerInfo">
followerInfo
</div>
<!-- followerInfo -->
</div>
<!-- close of container -->
<div class="container">
<div id="header" class="text-center">
<h1>Twitch TV</h1>
<h2><a href="https://www.freecodecamp.com" target="_blank">Free Code Camp</a></h2>
<h3 id="fccStatus"> </h3>
</div>
<div class="row header">
<div class="col-md-4">
Logo:
</div>
<!-- close of logo -->
<div class="col-md-4">
DisplayName:
</div>
<!-- close of display name -->
<div class="col-md-4">
Status:
</div>
<!-- c;ose of status -->
<!-- -->
</div>
<!-- close of row -->
<div class="followerInfo row">
<div class="col-md-4">
Logo 1
</div>
<!-- close of logo -->
<div class="col-md-4">
Display Name 1
</div>
<!-- close of display name -->
<div class="col-md-4">
Status 1
</div>
</div>
<div class="followerInfo row">
<div class="col-md-4">
Logo 2
</div>
<!-- close of logo -->
<div class="col-md-4">
Display Name 2
</div>
<!-- close of display name -->
<div class="col-md-4">
Status 2
</div>
</div>
<!-- followerInfo -->
</div>
<!-- close of container -->