Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 타입스크립트
- 파이썬 list
- 파이썬 for in
- 자바스크립트
- 파이썬 slice
- 그리드 정렬
- 한글 공부 사이트
- 프로그래머스
- 리액트 페이지 이동
- 내배캠 프로젝트
- React Hooks
- 리액트 팀 프로젝트
- 내일배움캠프 최종 프로젝트
- JavaScript
- REACT
- 리액트
- 파이썬 반복문
- Next 팀 프로젝트
- 내일배움캠프
- js
- 리액트 프로젝트
- 코딩테스트
- typeScript
- 내일배움캠프 프로젝트
- 파이썬 enumerate
- 파이썬 for
- useState
- 리액트 훅
- 타입스크립트 props
- 타입스크립트 리액트
Archives
- Today
- Total
목록2024/04/12 (1)
aotoyae
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bPI6Zy/btsGzLtxAlP/tr6pTGS19lHgw07xwGpIQ0/img.png)
💡 tailwind 에서도 calc 사용이 가능했다! .example { font-size: calc(2vw + 10px); /* viewport width에 따라 크기 조절하면서 10px를 추가 */ padding: 20px; /* 고정된 크기로 픽셀 단위 사용 */ margin: calc(1vw + 5px) calc(2vw + 10px); /* 세로는 viewport width에 따라, 가로는 픽셀 단위로 사용 */ width: calc(50% + 20px); /* 백분율로 지정하면서 20px를 추가 */ } 원래 요렇게 쓰는 calc .. tailwind 에서 써보자! 저 바(8vh)에 보더를 주고 안에 빨간 박스(8vh)를 채워놨는데 border-box 가 적용되어 있어서 빨간 박스가 보더를 가려..
CSS
2024. 4. 12. 04:25