diff --git a/src/jade/index.jade b/src/jade/index.jade
index 15c1c1c..4103038 100644
--- a/src/jade/index.jade
+++ b/src/jade/index.jade
@@ -46,14 +46,14 @@ html
section
.row
- .column.column1-2
+ .column.column3-5
p.
Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
Onko koodissasi bugi, joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?
Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
- .column.column1-2
+ .column.column2-5
#members
diff --git a/src/styles/style.styl b/src/styles/style.styl
index 1f9cfd0..0e26619 100644
--- a/src/styles/style.styl
+++ b/src/styles/style.styl
@@ -79,7 +79,7 @@ section:first-child
.row
- max-width 700px
+ max-width 800px
margin auto
overflow auto
padding 0 1em
@@ -89,17 +89,22 @@ section:first-child
overflow auto
padding 0 1em
box-sizing border-box
- @media screen and (max-width: 700px)
- float none
-
-.column1-2
- width 50%
@media screen and (max-width: 700px)
width 100%
+ float none
margin-top 1em
&:first-child
margin-top 0
+.column3-5
+ width (100/5*3)%
+
+.column2-5
+ width (100/5*2)%
+
+.column1-2
+ width 50%
+
.invite-form
position relative
.btn
@@ -143,10 +148,10 @@ section:first-child
.invite-form--message
background rgb(226, 33, 112)
-
.members
margin-top 1em
margin-bottom 1em
+
.member
width 57px
vertical-align middle