[スパルタコードクラブ]Web開発総合クラス開発ログ1週間

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'Jua', sans-serif;
    }
    .mytitle{
        width: 100%;
        height:500px;
        background-image:url("http://image.kmib.co.kr/online_image/2020/0712/611819110014792912_3.jpg");
        background-position:0 -350px;
        background-size:cover;
        background-repeat: no-repeat;
        color:#fff;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .card_ur{
        width: 400px;
        margin: 20px auto 0 auto;
    }
    .wrap{
        max-width: 1200px;
        width:95%;
        margin: 20px auto 0 auto;
    }
    .mypost{
        max-width: 500px;
        width:95%;
        margin: 20px auto 0 auto;
        box-shadow: 0px 0px 3px 0px gray;
        padding:20px;
    }
    .postBtn{
        margin-top: 20px;
    }
</style>