자기소개웹사이트만들기 #2

 

(코딩못하는)사람을 짜증나게하는게 뭐냐면 뭐하나 거슬려서 고치면 나머지가 전부 틀어져버림 그래서 하나고치는데도 너무많은 시간이들고.. 그렇게 해서 고친게 다른거하다가 보면 또 돌아가져있음 내 정신도 돌아갈거같음!

 

 

모바일에선 이렇게 보입니당ㅁ

 

 

 

타블렛에선 이렇게 보입니당 (720px이상!)

 

 

 

그리고 데스크탑(1000px이상)은 이렇게보입니담ㅁㅁㅁㅁ

 

 

 

works가 모바일에서는 2개씩/타블렛 3개/뎃탑4개씩 보이게하는걸로 반응형 처음 배우면서 만져봤고 그 후로는 수정하고 싶으면 테블릿은

@media screen and (min-width: 720px) { 요기안에 } 수정할거 넣으면되고 데스크탑도 그냥 @media screen and (min-width: 1000px) { 이렇게 만들어줘서 여기 안에 수정하면 } 된다. 모바일은 이코드 바깥쪽에 쓰면 됨. 하지만 이렇게 호락호락하게 고쳐지지않음 코드가 길어질수록 뭐하나 고친다고 되는게아니라서 중간까진 그래도 정리하면서 했던거같은데 지금은 제미나이만 정답을 알고있음!

 

그리고 about me 부분에서 오른쪽 아이콘 3개는 둥둥 떠다니게 설정했고, 왼쪽 skills 9개는 마우스를 올리면

이렇게 변합니다요