flex - 06

flex 로 모달창 만들기

<div class="modal">
		<div class="dialog">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque exercitationem odio, modi laboriosam a perspiciatis est delectus quisquam obcaecati vel eos natus ipsam quasi reprehenderit nihil eligendi quam aliquid! Totam vitae quis, obcaecati quos, ut aut eveniet architecto sed harum ea deleniti itaque saepe unde nulla?
		</div>
	</div>

.modal {
	display: flex;
	justify-content: center;
	align-items: center;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(0,0,0,.3);
}
.dialog{
	width:50vw;
	padding:1em;
	border-radius: 1em;
	background-color: #fff;
}