CSS) justify-content: space-between 해도 센터가 안 맞을떄
2021. 12. 12. 17:22
Frontend/HTML, CSS, DOM, jQuery
issue justify-content: space-between 플렉스를 써도 시간이 안 중앙이 안될 수도 있음 이유는 왼쪽과 오른쪽 div의 너비가 다르기 때문에 solution style.css .status-bar{ display:flex; justify-content: center; } .status-bar__column{ width:33%; } .status-bar__column:nth-child(2){ display:flex; justify-content: center; } .status-bar__column:last-child{ display:flex; justify-content: flex-end; } status-bar = [ status-bar_column 3개 ] 된 구조
CSS) BEM (Class 이름 네이밍 방법)
2021. 12. 12. 11:01
Frontend/HTML, CSS, DOM, jQuery
BEM 속성 표시할때는 ' -- ' 부모 자식 관계 표시할 때는 ' __ ' 참고 사이트 https://css-tricks.com/bem-101/ BEM 101 The following is a collaborative post by guest Joe Richardson, Robin Rendle, and a bunch of the CSS-Tricks staff. Joe wanted to do a post about BEM, which we loved, and just about everybody around … css-tricks.com
HTML) 주요 단축키
2021. 12. 12. 08:51
Frontend/HTML, CSS, DOM, jQuery
prettier가 설치되어 있어야 한다. 1. 빠르게 HTML 기본 폼 셋팅하기 ! 2. 빠르게 html과 css 연결하기 link:css 3. 빠르게 태그 만들기 자식, 여러개 태그 한번에 nav>ul>li*4>a
CSS) Media Query(미디어쿼리)
2021. 12. 11. 21:40
Frontend/HTML, CSS, DOM, jQuery
1차 please flip ur phone 2차 please flip ur phone