refactor: reflected pr reviews

DaleStudy · Jul 8, 2024 · 789461e · 789461e
1 parent 933e7bc
commit 789461e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/step-section.js b/components/step-section.js
@@ -1,6 +1,6 @@
 import { html, css } from "../html-css-utils.js";
 
-class StepSection extends HTMLElement {
+class StepsSection extends HTMLElement {
   constructor() {
     super();
     this.render();
@@ -13,7 +13,7 @@ class StepSection extends HTMLElement {
 
   createCss() {
     return css`
-      .step-section {
+      section {
         width: 80%;
         max-width: 1550px;
         margin: 0 auto;
@@ -27,11 +27,11 @@ class StepSection extends HTMLElement {
 
   createHtml() {
     return html`
-      <section class="step-section">
+      <section>
         <slot></slot>
       </section>
     `;
   }
 }
 
-customElements.define("ds-step-section", StepSection);
+customElements.define("ds-steps-section", StepsSection);
diff --git a/index.html b/index.html
@@ -244,7 +244,7 @@
       </div>
     </div>
 
-    <ds-step-section>
+    <ds-steps-section>
       <ds-hero>스터디 참여방법</ds-hero>
       <ds-step-list>
         <ds-step step="1" iconSrc="images/icon_step1.png">
@@ -278,7 +278,7 @@
           </p>
         </ds-step>
       </ds-step-list>
-    </ds-step-section>
+    </ds-steps-section>
 
     <footer>
       <div