Changed to flex box

ubyssey · Aug 17, 2023 · 2575d2a · 2575d2a
1 parent 6e67001
commit 2575d2a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/article/templates/article/article_like_special_page.html b/article/templates/article/article_like_special_page.html
@@ -18,13 +18,13 @@
             <h1>{{ page.title }}</h1>
         </div>
         <div class="u-container">
-            <div class="row">
-                <div class="seven columns article-content">
+            <div class="flex">
+                <div class="seven article-content">
                         {% for block in self.content %}
                             {% include_block block with id=block.id %}
                         {% endfor %}                        
                 </div>
-                <aside class="five columns">
+                <aside class="five">
                     {% comment %}ad goes here{% endcomment %}
                     {% for right_column_block in self.right_column_content %}
                         {% include_block right_column_block with id=block.id %}

diff --git a/ubyssey/static_src/src/styles/main.scss b/ubyssey/static_src/src/styles/main.scss
@@ -251,6 +251,10 @@ a.image {
   }
 }
 
+.flex {
+  display: flex;
+}
+
 .hide {
 	display: none;
 }