css 준비할 시 항상 잘 쓰는 태그 , 입력어

 

 

1. 박스 크기 조절

---

 

*{

box-sizing: content-box;

 

}

 

2. display-flex

---

.header-form-container{

 

display: flex;

flex-direction: row;

justify-content: flex-end;

3. Grid

---

<Section id='header'>
		<div class="container">
			<div class='row '>
				<div class=col-md-12>
					<div class='header-title'>더미데이터를 보여주는 사이트입니다.</div>
				</div>
				<div class="col-md-12 header-form-container">
					
					<span>
						<button class="header-button"> button</button>
					</span>
				</div>






			</div>



		</div>
		
	</Section>