sushi.html

<!DOCTYPE html>
<html lang="en">
<head>	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<title></title>
	<link href="../static/css/bootstrap.min.css" rel="stylesheet" />
	<script src="../static/js/jquery.js"></script>
	<script src="../static/js/bootstrap.min.js"></script>
</head>
<style>
@media only screen and (min-width: 320px) { 
    .article_img {
        width: 70%;
    } 
} 
@media only screen and (min-width: 769px) { 
    .article_img {
        width: 40%;
    } 
} 
</style>
<body style="margin-top: 75px;">
  <audio autoplay="true" controls src="./static/sounds/46-item-fanfare.mp3"></audio>

	<!-- Body -->
	<div class="container">
		<div class="row">
			<div class="col-md-12">

					<p class="lead" style="white-space: pre-wrap;">

<img src="/static/images/20210430_182914.jpg" class="article_img"/><br/>

정답 입니다.

</p>
			</div>
		</div>
	</div>
</body>
</html>