반응형 웹페이지 구현해보기 (pre-onboarding)

돌리의 하루·2023년 8월 29일
0

vanillaJs, css, html만 사용해서 만들어본 반응형 웹페이지다!

사실 그 전까지 react, styled-component, tailwind-css로 자주 써서 media-query를 쓰는게 익숙하지는 않지만,...

이제는 라이브러리보다는 순수 JS,CSS를 많이 사용해보기로 마음먹은 계기가 있어서 홈페이지에 보인 김에 신청하고 간단하게 만들어보았다!

grid를 주로 사용했는데, 아쉬운 점은 img를 사용한 부분에서 사소하게 크기가 맞지 않았던 부분이었다.

하지만 아쉬워할거없이 모르면 앞으로의 수업을 통해 배워나갈 수 있으니 오히려 좋다!

아직 초안이라 추후에 또 수정할 것이다.

밑으로는 반응형으로 구현한 페이지를 화면별로 찍었다.

profile
진화중인 돌리입니다 :>

0개의 댓글