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

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

다름이 아니라 index.html 코드 중에서 정렬이 안 되어서 질문올립니다.

너무 어지럽더군요 강의 보면서 해야 되는데 다소 무리가 있습니다.

작성한 코드 및 에러 메세지

나머지 코드 키보드 단축키로 정렬은 이거는 정리가 안 되서 탭 키로 했긴 했는데 이렇게 맞는건지 헷갈려요

어떻게 하면 되는건가요?

* {
   font-family: 'Gowun Dodum', sans-serif;
}
.mypic {
        width: 100%;
        height: 200px;

        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1601024445121-e5b82f020549?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80');
        background-position: center;
        background-size: cover;

        color: white;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}
.mypic > h1 {
             font-size: 30px;
}

.mybox {
         width: 95%;
         max-width: 700px;
         padding: 20px;
         box-shadow: 0px 0px 10px 0px lightblue;
         margin: 20px auto;
}
.mybucket {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
}

.mybucket > input {
                   width: 70%;
}
.mybox > li {
               display: flex;
               flex-direction: row;
               align-items: center;
               justify-content: center;

               margin-bottom: 10px;
               min-height: 48px;
}
.mybox > li > h2 {
                  max-width: 75%;
                  font-size: 20px;
                  font-weight: 500;
                  margin-right: auto;
                  margin-bottom: 0px;
}
.mybox > li > h2.done {
                        text-decoration:line-through
}

       </style>
    <script>
$(document).ready(function () {
            show_bucket();
});
function show_bucket(){
$.ajax({
type: "GET",
url: "/bucket",
data: {},
success: function (response) {
alert(response["msg"])
}
});
}
function save_bucket(){
$.ajax({
type: "POST",
url: "/bucket",
data: {sameple_give:'데이터전송'},
success: function (response) {
alert(response["msg"])
}
});
}
function done_bucket(num){
$.ajax({
type: "POST",
url: "/bucket/done",
data: {sameple_give:'데이터전송'},
success: function (response) {
alert(response["msg"])
}
});
}

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!