change offering to offer in frontend

assets/app.js

@@ -22,7 +22,7 @@ import "friendly-challenge/widget";
 
 // Dsiplay Filename when uploading
 document.querySelector('.custom-file-input').addEventListener('change',function(e){
-    var fileName = document.getElementById("offering_form_photo").files[0].name;
+    var fileName = document.getElementById("offer_form_photo").files[0].name;
     var nextSibling = e.target.nextElementSibling
     nextSibling.innerText = fileName
 })

assets/styles/app.scss

@@ -6,12 +6,12 @@ $primary: darken(#005035, 20%);
 // the ~ allows you to reference things in node_modules
 @import "~bootstrap/scss/bootstrap";
 
-.offering > img {
+.offer > img {
     height: 15rem;
     object-fit: cover;
 }
 
-.offering {
+.offer {
     $card-height: 100%;
     width: 20rem;
 }
@@ -24,7 +24,7 @@ $primary: darken(#005035, 20%);
     float: right;
 }
 
-.listings-container {
+.offer-container {
     padding-top: 2rem;
 }