Skip to content

Commit

Permalink
グリッドレイアウト修正
Browse files Browse the repository at this point in the history
  • Loading branch information
ishi720 committed Dec 16, 2024
1 parent ce1e4d8 commit d3f5d71
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ <h2 class="c-heading-lv1 js-fadein">Skills</h2>
<div class="container skills__container js-fadein">
<ul class="row">
<!-- HTML5 -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="90">
<div class="skills__circle-inner">
Expand All @@ -212,7 +212,7 @@ <h3 class="skills__name">HTML5</h3>
</div>
</li>
<!-- CSS -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="90">
<div class="skills__circle-inner">
Expand All @@ -229,7 +229,7 @@ <h3 class="skills__name">CSS</h3>
</div>
</li>
<!-- Javascript -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="80">
<div class="skills__circle-inner">
Expand All @@ -246,7 +246,7 @@ <h3 class="skills__name">Javascript</h3>
</div>
</li>
<!-- Python3 -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="50">
<div class="skills__circle-inner">
Expand All @@ -263,7 +263,7 @@ <h3 class="skills__name">Python3</h3>
</div>
</li>
<!-- PHP -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="60">
<div class="skills__circle-inner">
Expand All @@ -280,7 +280,7 @@ <h3 class="skills__name">PHP</h3>
</div>
</li>
<!-- Ruby -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="30">
<div class="skills__circle-inner">
Expand All @@ -297,7 +297,7 @@ <h3 class="skills__name">Ruby</h3>
</div>
</li>
<!-- Go -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="30">
<div class="skills__circle-inner">
Expand All @@ -314,7 +314,7 @@ <h3 class="skills__name">Go</h3>
</div>
</li>
<!-- Java -->
<li class="skills__item col-sm-6 col-md-3">
<li class="skills__item col-xs-6 col-sm-4 col-md-3">
<div class="skills__block">
<div class="skills__circle" data-progress="10">
<div class="skills__circle-inner">
Expand Down

0 comments on commit d3f5d71

Please sign in to comment.