Initial skill section

CV_Web.html

@@ -96,10 +96,34 @@
         <span class="Bold">SKILLS</span>
         <div class="Line"></div>
         <div class="SkillBars">
+
+            <div class="Light">
+                PYTHON
+                <progress max="100" value="80"></progress>
+            </div>
+                        
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
+            
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
+                        
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
+                        
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
+                        
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
+                        
+            <div class="Light">PYTHON</div>
+            <div><progress max="100" value="80"></progress></div>
             
+          
         </div>
 
-        <progress max="100" value="80"></progress>
+        
     </div>
 </body>
 </html>
\ No newline at end of file

Style.css

@@ -195,6 +195,9 @@ header .About {
 
 .SkillBars {
     display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: repeat(8, 1fr);
+    grid-auto-flow: dense;
 }
 
 progress[value]::-webkit-progress-value {