pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

prevent image overflowing on small displays

Browse source
This commit is contained in:
Kim, Jimin 2022-03-10 20:58:24 +09:00
parent 3b1a13fff2
commit 7680fe03f7
2 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
markdown/portfolio/0.md
View file

@ -8,4 +8,4 @@ Currently studying computer science at [hongik university](https://wwwce.hongik.
## Skills
<img alt="programming skills" src="/img/skills.svg" style="display: block; margin-left: auto; margin-right: auto; max-width: 100%;" />
<img alt="programming skills" src="/img/skills.svg" />

8
src/components/MainContent.tsx
View file

@ -7,6 +7,14 @@ export const mainContentCSS = css`
margin-top: 1rem;
width: 50%;
img {
max-width: 100%;
}
table img {
max-width: fit-content;
}
@media screen and (max-width: ${theming.size.screen_size1}) {
width: auto;
margin: 1rem;