4 글 보임 - 1 에서 4 까지 (총 4 중에서)
-
그리고 white-box에 색상을 줬더니 이렇게 중구난방되어있네여... 저 위에랑 white-box간격을 맞추려면 어떻게 해야할까요??
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>sns portfolio</title> <link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="/bootstrap/css/"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <script src="/bootstrap/js/bootstrap.min.js"></script> </head>
<body> <div class="container white-box mx-auto py-4 px-3"> <!-- 사진과 설명문 --> <div class="row"> <div class="col-md-8"> <div class="d-flex jinsu-center"> <div class="flex-shrink-0">< img src="/portfolio sns/img/KakaoTalk_20230425_223437680.gif" style="width: 100%;" alt=""></div> <div class="ms-5"> <h2>Jinsu Na</h2> <p>Front-end designer</p> <div class="d-flex"><i class="bi bi-geo-alt-fill blue-color"></i> <p class="blue-color">서울 강서구</p> </div> <button type="button" class="btn" id="blue-background">Contact</button> </div> </div> </div> <div class="col-md-4 mt-4 mt-md-1"> <div class="row j_text_center" style="font-size: 16px;"> <div class="col-6"> <p style="font-weight: bold;">Location</p> </div> <div class="col-6"> <p>서울 강서구</p> </div> <div class="col-6"> <p style="font-weight: bold;">Age</p> </div> <div class="col-6"> <p>29</p> </div> <div class="col-6"> <p style="font-weight: bold;">Experience</p> </div> <div class="col-6"> <p>신입</p> </div> <div class="col-6"> <p style="font-weight: bold;">School</p> </div> <div class="col-6"> <p>배재대</p> <p>한국어문학과</p> </div> </div> </div> </div> </div> <!-- 설명 상세설명 --> <div class="container mx-auto py-4 px-3"> <div class="row"> <div class="col-md-3 j_text_center"> <div class="white-box"> <div class="blue_border_bottom mb-5"> <h4 class="blue-color">Profile</h4></div> <div class="profile_text"> <h4 class="my-3">WORKS</h4> <p>Landing page design</p> <p>Flyer design</p> <p>vue.js</p> <p>react To-do app</p> <p>Shopping page admin design</p> </div> </div> </div> <div class="col-md-6"> <div class="white-box"></div> </div> <div class="col-md-3"></div> </div> </div> </body>
</html>
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
- 답변은 로그인 후 가능합니다.