From 84b4833fed9e1032b9360437f9eb51f23a67cb64 Mon Sep 17 00:00:00 2001
From: Anand Chitipothu <anandology@gmail.com>
Date: Fri, 7 May 2021 12:33:43 +0530
Subject: [PATCH] style: tweaked the styles of profile page

---
 community/www/profiles/profile.html | 39 ++++++++++++++++-------------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/community/www/profiles/profile.html b/community/www/profiles/profile.html
index ce04294d..cd81ada0 100644
--- a/community/www/profiles/profile.html
+++ b/community/www/profiles/profile.html
@@ -55,7 +55,6 @@
 
     .dashboard__details {
         padding-top: 2rem;
-        width: 80%;
     }
 
     .dashboard__course {
@@ -83,12 +82,21 @@
     .dashboard__description {
         height: 100px;
     }
+
+    @media (max-width: 900px) {
+      /* .dashboard__photo {
+        display: none;
+      } */
+      .dashboard__parent {
+        flex-direction: column;
+      }
+    }
+
 </style>
 {% endblock %}
 {% block page_content %}
-<section>
     <div class="dashboard__parent">
-        <div>
+        <div class="dashboard__photo">
             {{ Profile(member.photo, member.full_name, member.abbr, "large")}}
         </div>
         <div class="dashboard__details">
@@ -106,26 +114,23 @@
             <div>
                 <div class="tab-content">
                     <div class="tab-pane fade py-4 show active" role="tabpanel" id="home">
-                        <div class='container'>
-                            <div class="row row-cols-1 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2">
-                              {% if sketches %}
-                                {% for sketch in sketches %}
-                                <div class="col m-4">
-                                    {{ widgets.SketchTeaser(sketch=sketch) }}
-                                </div>
-                                {% endfor %}
-                              {% endif %}
+                        <div class="row">
+                          {% if sketches %}
+                            {% for sketch in sketches %}
+                            <div class="col-md-4 col-sm-6">
+                                {{ widgets.SketchTeaser(sketch=sketch) }}
                             </div>
-                            {% if not sketches %}
-                              <p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
-                            {% endif %}
+                            {% endfor %}
+                          {% endif %}
                         </div>
+                        {% if not sketches %}
+                          <p class="text-center">{{member.full_name}} has not created any skecth yet.</p>
+                        {% endif %}
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</section>
 {% endblock %}
 
-<!-- this is a sample default web page template -->
\ No newline at end of file
+<!-- this is a sample default web page template -->