[์น ๊ฐ๋ฐ์ ์ํ ๊ธฐ์ด์ง์4] html์ css๋ก ์คํ์ผ ์ ํ๊ธฐ ์ง๋๋ฒ ์๊ฐํด๋๋ฆฐ html์ฝ๋์ ์ด๋ฒ์ css๋ฅผ ์ ํ์ผ๋ก์จ ์กฐ๊ธ ๋ ์์ ์ฌ์ดํธ๋ก ๋ง๋ค์ด๋ณผํ ๋ฐ์! ์ฐ์ responsible page๋ก ๋ง๋ค๊ธฐ ์ํ์ฌ ์ถ๊ฐํ ์ฝ๋๋ฅผ ์ดํด๋ณผ๊ฒ์ /* Responsive CSS */ @media (max-width: 1080px){ .image{ flex: 100%; max-width: 480px; } } @media (max-width: 400px){ .image .details p{ font-size: 12px; } .more .read-more, .more .icon-links a i{ font-size: 18px; } } screen width์ ๋ฐ๋ผ ์ธ๊ฐ์ ๋ฒ์ ์ผ๋ก ๋๋ฉ๋๋ค. 1080์ ๊ธฐ์ค์ผ๋ก ๋ ํด ๋ grid๊ฐ 3๊ฐ์ฉ ๋๋์ง๋ง, ์์ ๋ 1์ค๋ก ๋ฐ๋๋๋ค. ๋ํ.. ์ด์ 1 ๋ค์