꾸준함

개요 코드를 가독성 좋게 포스팅하기 위해 gist를 사용하고 있는데, 코드가 사이드로 길어지면 블로그 사이드바를 침범하는 경우가 발생했습니다. 따라서, 임베디드된 gist의 css를 수정할 필요성을 느꼈기에 관련 내용을 포스팅합니다. 해결방법 적용할 css는 아래와 같습니다. .gist { max-width: [원하는 px]; overflow:auto; } .gist .blob-wrapper.data { max-height: [원하는 px]; overflow:auto; } 사실 코드가 길어짐에 따라 gist가 길어지는 것은 크게 상관없기 때문에 .gist 클래스에 대한 css만 적용해도 무방합니다. 저 같은 경우 max-width를 700px로 잡으니 얼추 블로그와 맞게 설정할 수 있었습니다. * 반응형..

서비스 UI를 개발하는 도중 화면 하단에 공지사항, 개인정보처리방침과 같은 문구를 추가해달라는 요청사항을 받았습니다.그래서 저는 초기에 하단에 div 레이어를 만들고 추가해야하는 메뉴만큼 자식 div로 만들고 배치하는 식으로 진행했는데 생각한대로 잘되지 않아서 고민이었습니다.대부분의 stackoverflow 답변에서는 display를 inline-block으로 설정하고 float: left로 설정하면 원하는대로 될 것이라고 했는데 퍼블리셔분이 전체적인 body display를 block으로 설정하셨기 때문에 하단 div display를 inline-block으로 설정할 경우 깨지는 문제점이 있었습니다.저는 결국 display flex를 통해 이와 같은 문제점을 해결했는데 css 코드는 대충 아래와 같습니..