문제가 뭐일까요 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

문제가 뭐일까요

인생사진 쏙쏙 코딩네컷 v0

1주차

문*빈

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

제가 코딩네컷강의를 듣는데 사진 틀이 안나와요 이게 맞긴한걸까요?

<!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">
    <title>Document</title>
    <style>
     body {
        font-family:"Leeseotyun";
        margin: 0;
        display: flex;
        justify-content: center;
        background-image: url("./background.png")
     }


      .container {
        width: 390px;
        background-color: #ff9d73;
        height: 100%;
      }


      .photos {
        margin-top: 30px;
      }


    .photo-frame {
background-color: white;
margin: 15px 20px;
height: 200px;
    }


    . footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .f-title {
color: white;
font-size: 25px;
font-weight: 900;
    }


    .f-date {
        color: white;
        font-size: 25px;
        font-weight: 500;
    }
    </style>
</head>
<body>
    <div class="countainer">
    <div class="photos">
    <div id="image1"class="photo-frame">
        <span id="desc1" class="photo_description">
           첫 번째 이미지 설명
        </span>
    </div>
        <div id="image2"class="photo-frame">
            <span id="desc2" class="photo_description">
                두 번째 이미지 설명
             </span>
            </div>
            <div id="image3"class="photo-frame">
                <span id="desc3" class="photo_description">
                    세 번째 이미지 설명
                 </span> 
                </div>
                <div id="image4"class="photo-frame">
                    <span id="desc4" class="photo_description">
                        네 번째 이미지 설명
                     </span>
                    </div>
                </div>
    <div class="footer">
        <p class="f-title">Happy Lunch Time</p>
        <p class="f-date">2023.01.25</p>
    </div>
    </div>
</body>
</html>

댓글 알림