[완료] [Challenge] 인스타그램(pc버전) 클론코딩

📌Only using HTML, CSS (No JS)

 

인스타그램 pc버전(목표)

.

.

.

.

.

결과물

소요시간: 약 3시간 30분

 

문제점 : 모바일 버전에서도 최대한 호환이 되도록 margin 값을 절대값으로 잘 안주고

상대적으로 주거나, blank를 만들어 비율 위주로 코딩을 했고, 저번 당근마켓 보다는

(당근마켓 경우 완전히 잘렸음) 호환이 되지만 여전히 모바일 버전 관련해서는 100%

호환이 잘 되지 않아 어려운 점이 많다. 또 스토리 부분에 아이디가 이를 포함하는

parent 태그와 축이 잘 안맞아 우선 임시적으로 붙혀놨는데,

이유를 알게되면 수정할 예정이다.

앞으로 html, css로 한두개 정도만 더 만들어보고, 만들어놓은 것을 기준으로

자바스크립트 및 css를 활용하여 반응형 웹페이지로 수정하는 과정들을

포스팅할 예정이다. 

 

 

전체코드 : https://github.com/ParkHeeBum95/html__css/tree/master/instagram

GitHub - ParkHeeBum95/html__css

 

웹페이지 주소: https://parkheebum95.github.io/html__css/instagram/instagram.html

Document