responsive layout style fixes

Arthur Sturzbecher
1 parent ea217b65
Showing 2 changed files with 8 additions and 1 deletions Show diff stats
src/app/layout/blocks/communities-block/communities-block.scss
src/app/layout/scss/_layout.scss
 .communities-block {
   .profile {
-    margin: 10px;
+    margin: 3%;
+    display: inline-block;
+    width: 44%;
+    text-align: center;
     img, i.profile-image {
       width: 60px;
     }
@@ -35,3 +35,7 @@
 		padding: 0 20px 20px 20px;
 	}
 }
+
+img {
+  max-width: 100%;
+}
1	1	.communities-block {
2	2	.profile {
3		- margin: 10px;
	3	+ margin: 3%;
	4	+ display: inline-block;
	5	+ width: 44%;
	6	+ text-align: center;
4	7	img, i.profile-image {
5	8	width: 60px;
6	9	}
...	...
...	...	@@ -35,3 +35,7 @@
35	35	padding: 0 20px 20px 20px;
36	36	}
37	37	}
	38	+
	39	+img {
	40	+ max-width: 100%;
	41	+}
...	...