This is not so much a bug report but a question of why a portion of code in this lesson is behaving the way it is. The code below has a clas-s called header and an id called header-text. The lesson implies that elements under the these should inherit the styles coded in the CSS sheet.
Experimenting with this, I changed the header-text id to text-align: left in place of center. However, I noticed that this change only affects h1 but not h2.
As a total beginner, I would like to know why this is the case. Thank you.
<div class="header"> <div id="header-text"> <!--Add an id to this div --> <h1>Travel Like Never Before</h1> <h2>Whether you're looking for adventure or luxury, let us help you plan your perfect getaway.</h2> </div> </div>.