背景画像が表示されません

Question

前提・実現したいこと

Ruby on Railsでwebアプリを作っています。
背景画像を設定中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

SassC::SyntaxError in Public::Homes#top
Showing /home/ec2-user/environment/RELEASE/app/views/layouts/application.html.erb where line #8 raised:

Error: Invalid CSS after "  height": expected "}", was ": 800px;"
        on line 38:3 of app/assets/stylesheets/application.scss
>>   height: 800px;

該当のソースコード

<div class="container top-bg">
    <div class="row">
      <div class="mx-auto col-11 col-sm-10 col-la-8 col-xl-6">
        <h1>welcome to <strong>RELEASE</strong> !</h1>
        <p>ここはあなたのためだけのコミュニティです!</p>
        <div class="btn-wrapper col-10 mx-auto">
          <% if customer_signed_in? %>
            <div class="row">
              <%= link_to "ログイン", posts_path, class: 'btn btn-info btn-sm btn-block mb-3 sign_in' %>
            </div>
            <div class="row">
              <%= link_to "新規登録", posts_path, class: 'btn btn-success btn-sm btn-block sign_up' %>
            </div>
          <% else %>
            <div class="row">
              <%= link_to "ログイン", new_customer_session_path, class: 'btn btn-info btn-sm btn-block mb-3' %>
            </div>
            <div class="row">
              <%= link_to "新規登録", new_customer_registration_path, class: 'btn btn-success btn-sm btn-block' %>
            </div>
          <% end %>
        </div>
      </div>
    </div>
  </div>

@import "bootstrap";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

main {
  background-color: #c8f3fa;
}

// header
li{
  display: inline-block;
  margin: 0 20px;
}

.top-bg {
  background-image: url('top_bg.jpeg')
  height: 800px;
  background-size: cover;
}

試したこと

heightとbackground-image: cover;を消すと画像の上が少し表示されます。
それ以外はエラーになりました。

Answer 1

.top-bg {
  background-image: url('top_bg.jpeg'); /* <-セミコロン */
  height: 800px;
  background-size: cover;
}

Comments

[morfonica]

ありがとうございます！