본문 바로가기
코드스테이츠

[SEB FE 44기] Section1_HTML/CSS+계산기 만들기

by lvd-hy 2023. 2. 17.
반응형

오늘 배운 것

레이아웃

와이어프레임

목업

flexbox의 속성과 값


앞서 배운 HTML, CSS 기초와 오늘 배운 것을 통해 계산기 만들기가 시작되었다.

HTML로 레이아웃을 구성하고 CSS의 flex 속성을 활용하여 정렬을 하고 크기를 조정하는데 뜻대로 되지않았다..

결국 다시 작성하면서 flex 속성을 넣어줘야했다는 걸 놓치게 된 걸 알았고, 수정하였다.

 

▽그렇게 하여 작성된 귀여운 계산기 ▽

flex 속성을 활용하여 좀 더 수정이 필요한 부분이 있어 수정을 진행하고 애니메이션 효과 넣는 것도 해봐야겠다!

반응형

'코드스테이츠' 카테고리의 다른 글

React Twittler Intro 과제  (0) 2023.03.22
Beesbeesbees 과제  (0) 2023.03.16
[SEB FE 44기] Section1_계산기 만들기2  (0) 2023.02.17
[SEB FE 44기] Section1_HTML  (0) 2023.02.14
[SEB FE 44기] OT  (0) 2023.02.13

댓글