diff --git a/static/css/styles.css b/static/css/styles.css
index 632445f..1f4d8cb 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -2413,9 +2413,13 @@ details[open] summary ~ *{
     border-radius: 20px;
 }
 
-.news_item>div{
+.news_item>a>div{
     margin: 10px;
 }
+.news_item>a{
+    color: black;
+}
+
 
 .news_img>img{
     object-fit: cover;
diff --git a/templates/pages/p_articles.html b/templates/pages/p_articles.html
index 4e3a6b1..32732cd 100644
--- a/templates/pages/p_articles.html
+++ b/templates/pages/p_articles.html
@@ -11,16 +11,18 @@
 
     <div class="three_pinned_news">
         {% for art in articles %}
-            <a href="{% url "article_one" art.url %}">
+
                 <div class="news_item">
-                    <div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
-                    <div class="news_header">{{ art.name }}</div>
-                    <div class="news_description">
-                        {{ art.description|truncatechars:100 }}
-                        <div class="news_gradient"></div>
-                    </div>
+                    <a href="{% url "article_one" art.url %}">
+                        <div class="news_img"><img src="{{ MEDIA_URL }}{{ art.picture }}" /></div>
+                        <div class="news_header">{{ art.name }}</div>
+                        <div class="news_description">
+                            {{ art.description|truncatechars:100 }}
+                            <div class="news_gradient"></div>
+                        </div>
+                    </a>
                 </div>
-            </a>
+
           {#<div>{{ art.text|safe }}</div>#}
         {% endfor %}