Skip to content

Instantly share code, notes, and snippets.

@kobitoDevelopment
Created November 22, 2025 03:21
Show Gist options
  • Select an option

  • Save kobitoDevelopment/d94cb258be74c21201f2ddd4bec6bd5d to your computer and use it in GitHub Desktop.

Select an option

Save kobitoDevelopment/d94cb258be74c21201f2ddd4bec6bd5d to your computer and use it in GitHub Desktop.
.list {
display: flex;
/* justify-content: center; これだと画面縮小時に両橋が見切れ始める*/
justify-content: safe center; /* safe centerで解決 */
gap: 64px;
& .item {
flex-shrink: 0;
font-size: 64px;
}
}
<ul class="list">
<li class="item">項目</li>
<li class="item">項目</li>
<li class="item">項目</li>
<li class="item">項目</li>
<li class="item">項目</li>
<li class="item">項目</li>
<li class="item">項目</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment