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 | 31 |
Tags
- ํ ์คํธ ์ฝ๋
- createstore ์ทจ์์
- justify-content: center;
- git revert
- flex container
- ํ๋ฌ์ค
- flexbox/grid ์ ์ฉ ์ฌ๋ถ
- react ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ๋ฐฑ์ค
- input ์ปดํฌ๋ํธ
- flexbox
- Redux
- REACT
- JWT
- prettier
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋ชจ๋ ๊ด๋ฆฌ
- ์กฐ๊ฑด๋ถ ์คํ์ผ๋ง
- github
- ์นด์นด์ค๋งต
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ
- froggy
- flex item
- position
- ๊ธฐ์ฌํผ์คํธ
- error
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌํ๊ธฐ
- Flexbox Froggy
- login button ์ปดํฌ๋ํธ
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ์ค๊ธฐ
Archives
- Today
- Total
๋ชฉ๋กflex-direction: column; (1)
minyoung
flexbox froggy ์ ๋ต ํด์ค ๊ธฐ๋กโ๏ธ(16~20) - 5๋จ๊ณ์ฉ ์ ๋ฆฌ ๐ ์ด 24๋จ๊ณ
16๋จ๊ณalign-self: flex-end;align-self๋ flex-items ์์ฑ์ผ๋ก ์ด์ ํฌ์คํ ์์ ๋ค๋ค๋ order ์์ฑ์ ์ด์ ๋ ๋ฒ์งธ flex-items ์์ฑ์ด๋ค.์ฆ, ๊ฐ๋ณ ์์์ ์ ์ฉํ ์ ์๋ ์์ฑ์ด๋ค.align-self๋ align-items ๊ฐ์ ์ฌ์ ์ํ๋ค. grid์์๋ grid area ํญ๋ชฉ์ ์ ๋ ฌํ๊ณ , flexbox์์๋ cross axis ํญ๋ชฉ์ ์ ๋ ฌํ๋ค.align-self ์์ฑ์ flex ์ปจํ ์ด๋์ ์์ดํ ์ ์ ์ฉ๋๋ฉฐ, ํด๋น ์์ดํ ์ ๊ต์ฐจ ์ถ(cross axis)์์์ ์ ๋ ฌ์ ์ง์ ํ๋๋ฐ ์ฌ์ฉ๋๋ค. ์ด ์์ฑ์ ํตํด ๊ฐ๋ณ์ ์ผ๋ก ํน์ Flex ์์ดํ ์ ์ ๋ ฌ์ ์ ์ดํ ์ ์๋ค.์ผ๋ฐ์ ์ผ๋ก align-items ์์ฑ์ flex ์ปจํ ์ด๋ ๋ด ๋ชจ๋ ์์ดํ ์ ๊ต์ฐจ ์ถ ์ ๋ ฌ์ ์ง์ ํ๋ ๋ฐ ์ฌ..
CSS3
2023. 12. 1. 21:01