HTML)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>마켓컬리 디자인2</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="all-box">
<div class="container">
<div class="pro-list-box">
<div class="li">li</div>
<div class="li">li</div>
<div class="li">li</div>
</div>
</div>
</div>
</body>
</html>
CSS)
body {
background-color: #F1F1F1;
margin: 0;
padding: 0;
}
.all-box {
border: 1px solid red;
}
.container {
border: 1px solid orange;
width: 1080px;
height: 950px;
margin-left: auto;
margin-right: auto;
}
.li {
border: 1px solid green;
}
'코딩 > 수업메모' 카테고리의 다른 글
| 250925 picogram(nth-child,구글 심볼) (0) | 2025.09.25 |
|---|---|
| 251002 1개월차 (Market kurly 모작) (0) | 2025.09.24 |
| 250923 코딩 기본 (0) | 2025.09.23 |
| 250922 코딩 기본 (0) | 2025.09.22 |
| 250919 코딩 기본 (0) | 2025.09.19 |