Browse Source
fix: project unit overflow on small screens
pull/2/head
Failed to extract signature
2 changed files with
2 additions and
2 deletions
-
src/components/Container.tsx
-
src/pages/main/Projects.tsx
|
|
@ -159,7 +159,7 @@ const Container: React.FC<{ |
|
|
className={css` |
|
|
className={css` |
|
|
padding-block-start: 15rem; |
|
|
padding-block-start: 15rem; |
|
|
padding-block-end: 8rem; |
|
|
padding-block-end: 8rem; |
|
|
padding-inline: calc(100vw / 8); |
|
|
padding-inline: 10vw; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
@ -107,7 +107,7 @@ const Exp: React.FC = () => { |
|
|
<div |
|
|
<div |
|
|
className={css` |
|
|
className={css` |
|
|
display: grid; |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, 20rem); |
|
|
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); |
|
|
gap: 1rem; |
|
|
gap: 1rem; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
`}>
|
|
|
`}>
|
|
|
|
