21.07.29

네이버 뉴스 카피캣

<div class="news-flex-between">
				<nav class="news-header-left">
					<ul class="news-flex-start"


.news-flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.news-flex-start {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.news-flex-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

앞서 매 코드마다 플렉스를 넣지않고 클래스로 족ㅇ용휴 만들면 코드가 더 깔끔

line-height는 줄간격(y축)을 지정하는 속성입니다

<input type="text" placeholder="뉴스 검색">

placeholder : 인풋 태그안에 뭘 검색해야하는지 도움말을 넣을수있음

HTML

요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다.