mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
wrap layout rule
This commit is contained in:
parent
bbef3974dc
commit
515254a1dc
2 changed files with 2 additions and 3 deletions
|
@ -13,6 +13,7 @@ body {
|
|||
|
||||
.row { display: flex; flex-direction: row; }
|
||||
.col { display: flex; flex-direction: column; }
|
||||
.wrap { display: flex; flex-wrap: wrap; }
|
||||
|
||||
@for $i from 1 through 5 {
|
||||
.gap#{$i} { gap: $i * 0.25rem; }
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
Fluent in React, Vue, Ruby on Rails, Java, and Python.
|
||||
</p>
|
||||
|
||||
<ul class="links gap4 row centerChildren">
|
||||
<ul class="links wrap gap4 centerChildren">
|
||||
<li>
|
||||
<NuxtLink to="mailto:fseusb@gmail.com" aria-label="email">
|
||||
<Icon name="material-symbols:mail-rounded" />
|
||||
|
@ -74,8 +74,6 @@
|
|||
.links {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li {
|
||||
background-color: var(--accent-light);
|
||||
|
|
Loading…
Reference in a new issue