๋ฐ๋ฆฌ๊ทธ๋จ์ ์ฌ์ฉํ์ฌ ์ฆ๊ฑฐ์ด ์๊ฐ์ ๋ณด๋ด์ญ์์ค ... ์ ๋ง ๊ฐ๋ณ์ต๋๋ค.
๋ถํธ ์คํธ๋ฉ์ ๊ทธ๋ฆฌ๋์์ ์๊ธฐ ๋๋ฌธ์ ๋ชจ๋ฐ์ผ ์ฅ์น์์ <div class="col md-7">
์ ์ฒด ๋๋น๋ก ์ด๋ํ๋ ๋ฐ ์ต์ํฉ๋๋ค. ๋ฐ๋ฆฌ๊ทธ๋จ์ผ๋ก ๊ฐ๋ฅํฉ๋๊น? ์ง๊ธ์ <div class="column column-70">
์์ง๋ง ์์ ํ๋ฉด ํฌ๊ธฐ๋ก ๋ด๋ ค๊ฐ ๋ with๋ ์ฌ์ ํ 100 %๊ฐ ์๋๋ผ 70 %์
๋๋ค.
๊ฑด๋ฐฐ!
์ค์ฝง
์๋ ํ์ธ์ @scopeak
๋ฐ๋ผ์ ๊ทธ๋ฆฌ๋ ์์คํ ์ ๋ค๋ฅธ ํ๋ ์ ์ํฌ์ ๋์ผํ ๋์ ๋ฐ ์ง์์ ์ ๊ณตํ์ง ์์ต๋๋ค. Bootstrap, Foundation .. BTW, ์ด๊ฒ์ ๋ค์ ๋ฒ์ ์ ๋ํ ํ๋ฅญํ ์์ด๋์ด์ ๋๋ค.
๊ฑฑ์ ๋ง! ๊ฒฐ๊ตญ ๋ถํธ ์คํธ๋ฉ ๊ทธ๋ฆฌ๋๋ก ๊ต์ฒดํ๊ณ ๋๋จธ์ง๋ ์ ์งํ์ต๋๋ค. ๋ด๊ฐ ์๊ฐํ์ง๋ง ํฐ ์ถ๊ฐ๊ฐ ๋ ๊ฒ์ ๋๋ค : +1 :
์๋ ํ์ธ์ @cjpatoilo ์ @scopeak
๋๋ ๋ฐ๋ฆฌ๊ทธ๋จ ํ๋ก์ ํธ๋ฅผ ๋ณด์๊ณ ๋ด๊ฐ ๋์น ์ ์ผํ ๊ฒ์ ๋ฏธ๋๋ฉํ๊ณ ๊ฐ๋ฒผ์ด ๊ทธ๋ฆฌ๋ ์์คํ
์ด์๋ค. ๋๋ ๊ทธ๊ฒ์ ์ ์ํ๋ ์์ ํ๋ก์ ํธ๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค : ๋ฏธ๋๋ฉ ํ ๊ทธ๋ฆฌ๋ ์์คํ
. ์๋ง๋ ์ธ๊ฐ์ด ๋ ์ฝ๊ธฐ ์ฝ๊ฒ ๊ตฌ๋ฌธ์ ๊ฐ์ ํด์ผ ํ ์๋ ์์ต๋๋ค. ์ฌ๋ฌ๋ถ๋ค ์ข ๋ณด์ค๋์? ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ์ข์ ๋์์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
https://github.com/netoguimaraes/sandal-grid
๋ด๊ฐ ๋งํ๋ฏ์ด, ์์ด๋์ด๊ฐ ๋ง์์ ๋ ๋ค๋ฉด ๋ฐ๋ฆฌ๊ทธ๋จ์ผ๋ก ์๋ฒ ๋ํ๊ธฐ์ํ ๊ทธ๋ฆฌ๋๋ฅผ ๊ฐ์ ํ ์ ์์ต๋๋ค. ์๋ค ๊ทธ๋ฆฌ๋์์ ๋ฌธ์ ๋ฅผ ์ด๋ฉด ๋ฌด์จ ์ผ์ด ์ผ์ด๋๋์ง ๋ด ๋๋ค.
์ด๊ฒ์ ๋ํ +1, ๋ง์ด ํ์ํฉ๋๋ค. ์ด๋ ต์ง ์์ต๋๋ค. _weight_๋ฅผ ์ผ๋ง๋ ๋ฃ์์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค : D
์ฌ๊ธฐ์๋ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
@cjpatoilo์ ๋์ํฉ๋๋ค. ๋ค์ ๋ฒ์ ์ ์๋ก์ด ๊ธฐ๋ฅ์ผ๋ก ๋ง๋์ญ์์ค. flexbox : heart :๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๊ทธ๋ฆฌ๋๋ฅผ ๋ถํ ํ๋ ๊ฐ๋ณ๊ณ ๋จ์ํ๊ธฐ ๋๋ฌธ์ ๋ถํธ ์คํธ๋ฉ์์ ๋ฐ๋ฆฌ๊ทธ๋จ์ผ๋ก ์ ํํ๊ธฐ ์์ํ์ต๋๋ค.
@unip @ruvido @netoguimaraes @enkota ๊ฐ์ฌํฉ๋๋ค.์ด ๋จ์ด๋ ๋์๊ฒ ๋ง์ ์๋ฏธ๊ฐ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
์ง๊ธ์์ด ๋ฌธ์ ๋ฅผ ์ข ๋ฃํ๊ฒ ์ต๋๋ค. ๋ค๋ฅธ ๋์์ด ํ์ํ ๊ฒฝ์ฐ ์๋ ค ์ฃผ์๋ฉด ์ต๋ํ ๋นจ๋ฆฌ์ด ๋ฌธ์ ๋ฅผ ์ฌ๊ฐํ๊ฒ ์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฌ๊ธฐ์๋ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
@cjpatoilo์ ๋์ํฉ๋๋ค. ๋ค์ ๋ฒ์ ์ ์๋ก์ด ๊ธฐ๋ฅ์ผ๋ก ๋ง๋์ญ์์ค. flexbox : heart :๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๊ทธ๋ฆฌ๋๋ฅผ ๋ถํ ํ๋ ๊ฐ๋ณ๊ณ ๋จ์ํ๊ธฐ ๋๋ฌธ์ ๋ถํธ ์คํธ๋ฉ์์ ๋ฐ๋ฆฌ๊ทธ๋จ์ผ๋ก ์ ํํ๊ธฐ ์์ํ์ต๋๋ค.