@@ -8,49 +8,49 @@ <h1>CoderStats</h1>
88</ div >
99< div class ="box-search "id ="search ">
1010< form class ="row "@submit.prevent >
11- < div class ="col-10 ">
11+ < div class ="col-12 col-7-m col-8-l col-10-xl ">
1212< input class ="field "id ="username "type ="text "placeholder ="GitHub user name or organization "v-model ="username ">
1313</ div >
14- < div class ="col-2 ">
14+ < div class ="col-12 col-5-m col-4-l col-2-xl ">
1515< button @click ="coder "class ="button "> Get Stats</ button >
1616</ div >
1717</ form >
1818</ div >
1919< div v-if ="events "id ="active-users "class ="padb ">
2020< h2 > Recently active users</ h2 >
21- < div class ="flex ">
21+ < div class ="row ">
2222< user-link
23- v-for ="user in users.slice(0,10 ) "
23+ v-for ="user in users.slice(0,12 ) "
2424v-bind:login ="user.key "
2525v-bind:avatar_url ="user.values[0].actor.avatar_url "
2626> </ user-link >
2727</ div >
2828</ div >
2929< div v-if ="users "id ="followed-users "class ="padb ">
3030< h2 > Users with many followers</ h2 >
31- < div class ="flex ">
31+ < div class ="row ">
3232< user-link
33- v-for ="user in users.slice(0,10 ) "
33+ v-for ="user in users.slice(0,12 ) "
3434v-bind:login ="user.login "
3535v-bind:avatar_url ="user.avatar_url "
3636> </ user-link >
3737</ div >
3838</ div >
3939< div v-if ="users "id ="most-repos-users "class ="padb ">
4040< h2 > Users with many repositories</ h2 >
41- < div class ="flex ">
41+ < div class ="row ">
4242< user-link
43- v-for ="user in users.slice(0,10 ) "
43+ v-for ="user in users.slice(0,12 ) "
4444v-bind:login ="user.login "
4545v-bind:avatar_url ="user.avatar_url "
4646> </ user-link >
4747</ div >
4848</ div >
4949< div v-if ="users "id ="earliest-users "class ="padb ">
5050< h2 > Users with old accounts</ h2 >
51- < div class ="flex ">
51+ < div class ="row ">
5252< user-link
53- v-for ="user in users.slice(0,10 ) "
53+ v-for ="user in users.slice(0,12 ) "
5454v-bind:login ="user.login "
5555v-bind:avatar_url ="user.avatar_url "
5656> </ user-link >