diff --git a/src/views/NewsDetailPage.vue b/src/views/NewsDetailPage.vue
index b3028f5..16c6774 100644
--- a/src/views/NewsDetailPage.vue
+++ b/src/views/NewsDetailPage.vue
@@ -102,17 +102,16 @@ export default {
 
 .title-area {
   position: relative;
-  height: 40px;
   margin-top: 80px;
   margin-bottom: 45px;
+  display: flex;
 }
 
 .news-title {
+  width: 90%;
   font-size: 30px;
   color: #666666;
   line-height: 40px;
-  position: absolute;
-  left: 0;
 }
 
 .news-time {
diff --git a/src/views/NewsItemsView.vue b/src/views/NewsItemsView.vue
index 2579efe..858ac29 100644
--- a/src/views/NewsItemsView.vue
+++ b/src/views/NewsItemsView.vue
@@ -42,7 +42,6 @@ export default {
 .news-grid{
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
 }
 
 .news-item {
@@ -50,7 +49,12 @@ export default {
   flex-direction: column;
   width: 380px;
   cursor: pointer;
+  margin-right: 35px;
 }
+.news-item:nth-child(3n){
+  margin-right: 0;
+}
+
 .news-item:nth-child(n+4){
   margin-top: 46px;
 }