계산기만들기 (1) 썸네일형 리스트형 Section1 Unit4 HTML, CSS 활용 - 계산기 만들기 Section1 Unit4 [HTML/CSS] 활용 계산기 목업 만들기 ⭐️ 과제. 계산기 목업 만들기 • 와이어프레임 • HTML, CSS 작성 작성했던 와이어프레임을 토대로 HTML을 작성하고, CSS로 스타일링을 했다. 페어 프로그래밍 과제라 페어와 함께 진행하고, 수업이 끝난 후에 각자 보완하는 시간을 가졌다. 나는 최대한 실제 디자인과 비슷하게 하려고 했고, 브라우저 사이즈에 맞게 크기가 유동적으로 변했으면 해서 min/max width, height 크기를 정한 후 상대적 단위인 %, rem 등을 사용해서 CSS를 작성했다. 이 과정에서 font-size가 생각대로 조절이 잘 되지 않아서 고민을 좀 많이 했었는데 media query로 해결했다. 👩🏻💻 계산기 목업 만들기 HTML, CSS .. 이전 1 다음