html3 Circular Navbar UI 네이버 그린닷 핀터레스트 핀버튼 삼성 등등에서 쓰이는 circular navbar ui를 만들어봤다. 2020. 12. 18. HTML&CSS | 이미지 비율 유지하기 Solve your image sizing and positioning problems forever. https://medium.com/dev-genius/solve-your-image-sizing-and-positioning-problems-forever-7859e24118ce img-container div 로 감싼 뒤, img 내부 스타일링을 다음과 같이 한다. background-image: url(""); background-position: center; background-size: cover; width: 100%; height: 100%; How to remove a border of background-image https://stackoverflow.com/questions/4478.. 2020. 9. 14. Netlify html 배포하기 - package.json 추가 오늘은 친구에게 선물로 줄 개인 웹사이트를 만들었다. 최근에 인프런에서 1분코딩의 'CSS Flex&Grid'강의를 듣고 있어서 응용 겸 시작해봤다. (사진은 바꿀 예정!) 생각과 고민이 많은 친구라서 고민거리를 하나씩 적어서 나한테 보내놓으면 웹사이트에 '오늘의 고민'을 모아주기로 했다. 고민도 모아보면 종류가 있을 것이고, 지금 당장 커 보이는 고민도 일주일, 한달, 일년이 지나면 생각보다 중요하지 않은 고민이었을 수도 있다. 그냥 친구가 고민을 붙잡고 있지 않고 머릿속에서 금방 떠나 보낼 수 있게 도와주고 싶었다. 원래는 애니메이션도 넣고 더 화려하게 하고 싶었지만,,일단 시작은 심플하게 하자. 초안으로 카드형태 반응형 웹사이트를 만들었고, 기본 틀을 잡아서 netlify 로 배포했다. 배포하면서 .. 2020. 3. 5. 이전 1 다음
