<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/portfolio.css">
</head>
<body>
<div class="landing-container">
<div class="landing-text">
<div>
<h3>Landing Page for Apps</h3>
<p style="font-size: 12px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. dsajldsl asjlk </p>
</div>
<button class="show-btn">Show More</button>
</div>
<div class="iphone-box">
< img src="iphone.png" class="iphom-img">
</div>
</div>
</body>
</html>
---------------------
.landing-container {
background-image: linear-gradient(to bottom,blue,purple);
width: 100%;
height: 250px;
display: flex;
}
.landing-text {
color: white;
margin: 10px;
padding: 5px;
}
.iphone-box {
}
.show-btn {
border: 0px;
border-radius: 5px;
padding: 8px;
font-size: 12px;
background-color: darkgray;
color: white;
}
.show-btn:hover {
background-color: dimgrey;
}
.iphom-img {
width: 30%;
}
---------------------------------------------------
아이폰 이미지 위치를 조정하고 싶은데 전혀 미동이 없는데 이유가 무엇인지 문의드립니다.
