Fix chip-container margin responsiveness, fix punctuations

3 files changed, 10 insertions, 6 deletions

diff --git a/lessons/fisika/static-electricity/id-theory.html b/lessons/fisika/static-electricity/id-theory.html
index 3377bde..47e3e18 100644
--- a/lessons/fisika/static-electricity/id-theory.html
+++ b/lessons/fisika/static-electricity/id-theory.html
@@ -70,7 +70,7 @@
             <h2 id=electroscope--neutral>Elektroskop Netral</h2>
             <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">Sebuah elektroskop netral.</span>
-            <p>Sebuah elektroskop dapat menjadi <b>netral</b>, <b>positif</b>, ataupun <b>negatif</b>. Bagian ini menjelaskan tentang elektroskop netral. Jika sebuah benda didekatkan ke bola elektroskop, maka;</p>
+            <p>Sebuah elektroskop dapat menjadi <b>netral</b>, <b>positif</b>, ataupun <b>negatif</b>. Bagian ini menjelaskan tentang elektroskop netral. Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
             <ol>
                 <li>Jika objek itu bermuatan netral, tidak akan ada yang terjadi.</li>
                 <li>&nbsp;
@@ -90,7 +90,7 @@
             <h2 id="electroscope--positive">Elektroskop Positif</h2>
             <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">Sebuah elektroskop positif.</span>
-            <p>Tipe lain dari elektroskop adalah elektroskop positif. Muatan dari elektroskop ini telah dipisahkan antara proton dan elektron menggunakan konduksi. Jika sebuah objek didekatkan ke bola elektroskop, maka;</p>
+            <p>Tipe lain dari elektroskop adalah elektroskop positif. Muatan dari elektroskop ini telah dipisahkan antara proton dan elektron menggunakan konduksi. Jika sebuah objek didekatkan ke bola elektroskop, maka:</p>
             <ol>
                 <li>&nbsp;
                     <div class="flex">
@@ -108,7 +108,7 @@
             <h2 id="electroscope--negative">Elektroskop Negatif</h2>
             <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">Sebuah elektroskop negatif.</span>
-            <p> Jika sebuah benda didekatkan ke bola elektroskop, maka;</p>
+            <p> Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
             <ol>
                 <li>&nbsp;
                     <div class="flex">
diff --git a/lessons/fisika/static-electricity/theory.html b/lessons/fisika/static-electricity/theory.html
index 0c54c73..f62c31d 100644
--- a/lessons/fisika/static-electricity/theory.html
+++ b/lessons/fisika/static-electricity/theory.html
@@ -69,7 +69,7 @@
             <h2 id="electroscope--neutral">Neutral Electroscope</h2>
             <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">A neutral electroscope.</span>
-            <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball;</p>
+            <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball:</p>
             <ol>
                 <li>If the object is neutral, nothing will happen.</li>
                 <li>&nbsp;
@@ -89,7 +89,7 @@
             <h2 id="electroscope--positive">Positive Electroscope</h2>
             <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">A positive electroscope.</span>
-            <p>Another type of elecroscope is a positively charged electroscope. This means that the protons of the electroscope has been seperated by the electrons with conduction. If an object has been brought closer to the ball of the electroscope;</p>
+            <p>Another type of elecroscope is a positively charged electroscope. This means that the protons of the electroscope has been seperated by the electrons with conduction. If an object has been brought closer to the ball of the electroscope:</p>
             <ol>
                 <li>&nbsp;
                     <div class="flex">
@@ -107,7 +107,7 @@
             <h2 id="electroscope--negative">Negative Electroscope</h2>
             <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br>
             <span class="subtitle">A negative electroscope.</span>
-            <p>If an object has been brought closer to the ball of the negative electroscope;</p>
+            <p>If an object has been brought closer to the ball of the negative electroscope:</p>
             <ol>
                 <li>&nbsp;
                     <div class="flex">
diff --git a/style.css b/style.css
index 686177d..d76124c 100644
--- a/style.css
+++ b/style.css
@@ -642,4 +642,8 @@ li>a:hover {
     .top-chips-container {
         flex-direction: column;
     }
+
+    #chip-container {
+        margin-left: 20px;
+    }
 }
\ No newline at end of file