사진이 안떠요,,ㅠㅠ | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

사진이 안떠요,,ㅠㅠ

undefined주차

이*율

・

추천

・

조회수

답변 완료

깃허브 배포까지 했는데 사진이 안뜨네요,, 작업 파일에선 떴어요,,!

구글 찾아봤는데도 이해가 안되서 여쭤봅니다

<!DOCTYPE html>
<html>
    <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 property="og:title" content="The Best Chan L" />
        <meta property="og:description" content="UIUX 디자이너 이찬율 입니다" />
        <meta property="og:image" content="픽셀찬율.jpg" />
        <title>UIUX 디자이너 이찬율</title>
        <style>
            @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
        * {
            font-family: "Pretendard",serif;
        }
           body {
            background-color: #81A8D1;
           }
           .profile{
            width: 100px;
            height: 100px;
            border-radius: 100%;


            border : 2px solid white;


            background-image: url('픽셀찬율.png');
         background-position: center;
         background-size: cover;
           }
           .main{
            color:white;
            font-size: 20px;


            margin-top: 30px;
            margin-bottom: 10px;
           }
           .sub{
            color:white;
            font-size: 14px;


            margin-top: 0px;
            margin-bottom: 30px;
           }
           .wrap{
            width: 300px;
            margin: 30px auto 0px auto;


            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
           }
           .wrap > a {
            width: 300px;
            height: 50px;


            background-color: white;
            border-radius: 8px;


            margin-bottom: 10px;


            font-size: 14px;
            font-weight: bold;
            color: #81A8D1;


            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; 
            text-decoration:none; 
            
            box-shadow: 3px 3px 5px 0px rgb(59, 59, 59);
           }
           .wrap > a:hover {
            background-color: #d2d2d2;
           }
        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="profile"></div>
            <h1 class="main">찬율</h1>
            <p class="sub">UIUX 디자이너</p>
            <a target="_blank" href="https://notefolio.net/chanyul">🎨 포트폴리오</a>
            <a target="_blank" href="https://velog.io/@thebestchanlee">🔎 UX 블로그</a>
            <a target="_blank" href="https://my.surfit.io/w/437211398">🗒 이력</a>
        </div>
</body>
</html>

댓글 알림