Use BEM for h2 elements #23

index.html

@@ -60,7 +60,7 @@ <h1 class="logo__word">Colmar<span class="logo__word-space">Academy</span></h1>
           </figure>
         </div>
         <div class="banner-text desktop-right" role="presentation">
-          <h2>Learn something new everyday</h2>
+          <h2 class="section-title">Learn something new everyday</h2>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
           <a href="#" class = "button">Start here</a>
         </div>
@@ -70,7 +70,7 @@ <h2>Learn something new everyday</h2>
           <figure class="desktop-figure" role="presentation">
             <img class="responsive-image desktop-figure" src="resources/images/information-main.jpg" alt="A student reading his textbook">
           </figure>
-          <h2>It doesn't hurt to keep practicing</h2>
+          <h2 class="section-title">It doesn't hurt to keep practicing</h2>
           <p>"Curabitur vitae libero in ipsum porttitor consequat. Aliquam et commodo lectus, nec consequate neque. Sed non accumsan urna. Phasellus sed consequat ex. Etiam eget magna laoreet, efficitur dolor consequat, tristique ligula."</p>
           <h4>Emanuel, Sr Strategist at Hiring.com</h4>
         </div>
@@ -111,7 +111,7 @@ <h3>Our guest lecture</h3>
         </div>
       </section>
       <section class="courses desktop-section">
-        <h2>Start learning</h2>
+        <h2 class="section-title">Start learning</h2>
         <div class="course-container" role="presentation">
           <section class="course">
             <figure role="presentation">
@@ -166,7 +166,7 @@ <h6>Courses</h6>
         </div>
       </section>
       <section class="exhibit">
-        <h2>Thesis exhibits</h2>
+        <h2 class="section-title">Thesis exhibits</h2>
         <div class="desktop-section"role="presentation">
           <section class="thesis-main desktop-left">
             <figure class="desktop-figure" role="presentation">

resources/css/style.css

@@ -24,7 +24,7 @@ p {
   line-height: 1.2;
 }
 
-h2 {
+.section-title {
   font-size: 3rem;
   font-weight: 400;
 }