리액트로 간단하게 포트폴리오 사이트 만들기

간단하게 포트폴리오 사이트를 만들기 위해 간단한 모양을 디자인했다.

어차피 프로젝트 아직 두개 밖에 없어서..

왼쪽 사이드 바는 고정해두고

오른쪽만 프로젝트를 클릭하면 상세페이지로 넘어갈 수 있게

라우팅해서 만들 예정이다.

 

프로젝트는 마우스를 올리면 반응하게 만들었는데,,

 

브라우저 크기를 고려하지 않고 만들었기 때문에,,,

창 크기가 줄어들면,, 프로젝트카드 하나가 밑으로 내려간다.

그래서 반응형 웹으로 만들어야 하는지.. 그게 고민이다..(안해봤음..)

포트폴리오 제출할건데.. 민망,,

게다가 배경색 채울 때 높이를 vh 단위를 썼더니..

카드가 밑으로 내려가니까 높이 범위 벗어나면 배경색이 없음,,ㅎ ㅏ

(일단 overflow hidden으로 높이 벗어나는 경우는 없게 만들어 놓긴 했다!)

흑,, 간단하게 만든다고 했는데 전혀 안 간단한 게 함정..

 

 

---

 

 

색상차트

https://www.design-seeds.com/wander/sea/color-sea-45/

Color Sea