HTMLのh3要素の文字を左寄せにすることができません

前提・実現したいこと

ProgateのHTML&CSSの道場コース(初級編)にて、h3要素の文字を左寄せにすることができません。
少々分かりにくいかもしれませんが、何卒回答よろしくお願いいたします。

該当のソースコード

HTML
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>Progate</title>
6    <link rel="stylesheet" href="stylesheet.css">
7  </head>
8  <body>
9    <!-- ここからHTMLを書き始めてください -->
10    
11    <header>
12      <p class='header-logo'>Progate</p>
13      <div class='header-list'>
14        <ul>
15          <li>プログラミングとは</li>
16          <li>学べるレッスン</li>
17          <li>学べるレッスン</li>
18        </ul>
19      </div>
20    </header>
21    
22    <div class='main'>
23      <h1>HELLO WORLD<span>.</span></h1>
24      <h2>プログラミングの世界へようこそ</h2>
25      <h3>学べるレッスン</h3>
26
27      <div class='contents-item'>
28        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg">
29        <p>HTML & CSS</p>
30      </div>
31
32      <div class='contents-item'>
33        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg">
34        <p>PHP</p>
35      </div>
36
37      <div class='contents-item'>
38        <img src='https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg'>
39        <p>Ruby</p>
40      </div>
41
42      <div class='contents-item'>
43        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg">
44        <p>Swift</p>
45      </div>
46      
47      <div class='contact'>
48        <h3>お問い合わせ</h3>
49      </div>
50
51    </div>
52    
53  </body>
54</html>

ここの <h3>お問い合わせ</h3> の部分を左寄せにすることができません。

CSS
1/* CSSのリセット（消さないでください） */
2html, body,
3ul, ol, li,
4h1, h2, h3, h4, h5, h6, p,
5form, input, div {
6  margin: 0;
7  padding: 0;
8}
9
10body {
11  font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
12}
13
14li {
15  list-style: none;
16}
17
18/* ここからCSSを記述してください */
19header{
20  height: 90px;
21  background-color: #26d0c9;
22  color: #fff;
23}
24
25.header-logo{
26  font-size: 36px;
27  padding: 20px 40px;
28  float: left;
29}
30
31.header-list li{
32  float: left;
33  padding: 33px 20px;
34}
35
36.main{
37  margin: 100px 80px 0px 80px;
38}
39.main h1{
40  font-size: 140px;
41}
42.main h2{
43  font-size: 60px;
44}
45.main span{
46  color: red;
47}
48
49.main h3{
50  margin-top: 100px;
51  margin-bottom: 50px;
52  font-size: 28px;
53  padding-bottom: 15px;
54  border-bottom: 2px solid #dee7ec;
55}
56
57.contents-item{
58  float: left;
59  margin-right: 40px;
60}
61
62.contents-item img{
63  margin-bottom: 30px;
64}
65
66.contents-item p{
67  font-size: 24px;
68  margin-bottom: 100px;
69}
70
71.contact h3{
72  font-size: 28px;
73  margin-top: 100px;
74  padding-bottom: 15px;
75}