fix: margins and displaying stuff for small
screens
This commit is contained in:
parent
fe83b657e1
commit
b17729e9c0
23
index.html
23
index.html
@ -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"
|
||||
|
Loading…
Reference in New Issue
Block a user