fix: margins and displaying stuff for small

screens
This commit is contained in:
Karma Riuk 2023-09-02 16:37:01 +02:00
parent fe83b657e1
commit b17729e9c0

View File

@ -87,12 +87,13 @@
</div>
<div class="row">
<div
class="image col-lg-4 d-flex align-items-stretch justify-content-center justify-content-lg-start">
<div class="image col-lg-4 d-flex align-items-stretch
justify-content-center justify-content-lg-start">
</div>
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center">
<div class="row">
<div class="col-lg-6">
<div class="col-lg-6 mt-4 mt-lg-0">
<ul>
<li><i class="bi bi-chevron-right"></i>
<strong>Name:</strong>
@ -126,14 +127,14 @@
<div class="skills-content ps-lg-4">
<div class="row">
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">Python <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">Java <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90"
@ -142,14 +143,14 @@
</div>
</div>
<div class="row">
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">C <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="85"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">C++ <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95"
@ -158,14 +159,14 @@
</div>
</div>
<div class="row">
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">HTML/CSS <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">Javscript / Typescript <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95"
@ -174,14 +175,14 @@
</div>
</div>
<div class="row">
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">Bash <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-6">
<div class="progress col-md-6">
<span class="skill">Lua <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="85"