diff --git a/charinfo.css b/charinfo.css index 0fcb8ff..4d434b3 100644 --- a/charinfo.css +++ b/charinfo.css @@ -8,7 +8,8 @@ } .container { - width: 40%; + display: static; + width: 50%; height: flex; background-color: rgba(0, 0, 0, 0); display: flex; @@ -46,6 +47,7 @@ body { background-repeat: no-repeat; background-size: cover; background-position: center; + padding: 10px; } header { @@ -108,12 +110,12 @@ header { margin-left: 40px; transition: .5s; } + .reviews-container{ position: static; width: 25%; - top:50px; - - height: flex; + margin: 20px; + padding: 20px; text-align: center; font-family: 'Inter'; font-style: italic; @@ -121,7 +123,8 @@ header { font-size: 12px; line-height: 20px; text-transform: uppercase; - color: black; + background: linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0.51) 0%); + } .content { @@ -241,9 +244,8 @@ h3 { .pagination-container { position: static; width: 25%; - margin-left: 50px; - margin-top: 20px; - + margin: 20px; + padding: 20px; } .page-link { diff --git a/charinfo.html b/charinfo.html index cab0559..925aa1e 100644 --- a/charinfo.html +++ b/charinfo.html @@ -14,7 +14,6 @@ - @@ -29,8 +28,9 @@ -
-
+
+

캐릭터 리뷰



+
- +
diff --git a/reviewsend.js b/reviewsend.js index 0016022..fc8344a 100644 --- a/reviewsend.js +++ b/reviewsend.js @@ -2,7 +2,7 @@ function submitReview() { const cName = document.getElementById("cName").value; const userId = document.getElementById("userId").value; const reviewContent = document.getElementById("reviewContent").value; - + console.log(cName + userId + reviewContent); // XMLHttpRequest 객체 생성 const xhr2 = new XMLHttpRequest();