Skip to content

Commit 9a893a0

Browse files
wimpywarlordwimpywarlord
committed
Fixed #157 the irregularity with the latest activity grid
1 parent 2de63e6 commit 9a893a0

File tree

1 file changed

+40
-9
lines changed

1 file changed

+40
-9
lines changed

‎views/index.html‎

Lines changed: 40 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -295,55 +295,86 @@ <h2 class="text-uppercase"><strong>Latest Activities</strong></h2>
295295
<!-- <p class="g-fs-16 text-center g-mb-70">Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante. Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel</p> -->
296296
</div>
297297
</div>
298-
<div class="row">
299-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
298+
<div class="row parent">
299+
<style type="text/css">
300+
.parent {
301+
display: grid;
302+
grid-template-columns: repeat(6, 1fr);
303+
grid-template-rows: repeat(4, 1fr);
304+
grid-column-gap: 0px;
305+
grid-row-gap: 0px;
306+
}
307+
/*div
308+
{
309+
border: 2px solid red;
310+
}*/
311+
.div1 { grid-area: 1 / 1 / 3 / 3; }
312+
.div2 { grid-area: 1 / 3 / 3 / 5; }
313+
.div3 { grid-area: 1 / 5 / 3 / 7; }
314+
.div4 { grid-area: 3 / 1 / 5 / 3; }
315+
.div5 { grid-area: 3 / 3 / 5 / 5; }
316+
.div6 { grid-area: 3 / 5 / 5 / 7; }
317+
</style>
318+
<div class="div1 lawyer-post g-mb-50">
319+
300320
<img class="img-responsive full-width g-mb-25" src="assets/img-temp/activities/wwc.jpg" alt="wwc-meetup-delhi">
301321
<p class="g-fs-10 g-theme-text-color-1"><strong>September 10, 2018</strong></p>
302322
<h5 class="text-uppercase"><strong>Organised a Workshop/ Event at New Delhi together with Women Who Code</strong></h5>
303323
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p> -->
304324
<!-- <p>Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel.</p> -->
305325
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
326+
306327
</div>
307-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
328+
<div class="div2 lawyer-post g-mb-50">
329+
308330
<img class="img-responsive full-width g-mb-25" src="assets/img-temp/activities/hacktoberfest.png" alt="hacktoberfest-2018">
309331
<p class="g-fs-10 g-theme-text-color-1"><strong>October 01, 2018</strong></p>
310332
<h5 class="text-uppercase"><strong>Participated in the Hactoberfest</strong></h5>
311333
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p>
312334
<p>Fusce vel aliquet arcu. Aenean malesuada a sem sed facilisis. Maecenas aliquam faucibus metus, nec auctor est.</p> -->
313335
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
336+
314337
</div>
315-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
338+
<div class="div3 lawyer-post g-mb-50">
339+
316340
<img class="img-responsive full-width g-mb-25" src="assets/img-temp/activities/kwoc.png" alt="kwoc-2019">
317341
<p class="g-fs-10 g-theme-text-color-1"><strong>December 05, 2018</strong></p>
318342
<h5 class="text-uppercase"><strong>Participated in the IIT Kharagpur Winter Of Code</strong></h5>
319343
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p>
320344
<p>Fusce vel aliquet arcu. Aenean malesuada a sem sed facilisis. Maecenas aliquam faucibus metus, nec auctor est.</p> -->
321345
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
346+
322347
</div>
323-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
348+
<div class="div4 lawyer-post g-mb-50">
349+
324350
<img class="img-responsive full-width g-mb-25" src="assets/img-temp/activities/gssoc.png" alt="kwoc-2019">
325351
<p class="g-fs-10 g-theme-text-color-1"><strong>January 05, 2019</strong></p>
326352
<h5 class="text-uppercase"><strong>Assisted in GirslScript Summer of Code-19, a 3 month long Open Source program</strong></h5>
327353
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p>
328354
<p>Fusce vel aliquet arcu. Aenean malesuada a sem sed facilisis. Maecenas aliquam faucibus metus, nec auctor est.</p> -->
329355
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
356+
330357
</div>
331-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
332-
<img class="img-responsive full-width g-mb-25" src="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://numfocus.org/wp-content/uploads/2017/03/vertical-gsoc-logo_1-1.jpg">
358+
<div class="div5 lawyer-post g-mb-50">
359+
360+
<img class="img-responsive full-width g-mb-25" src="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://numfocus.org/wp-content/uploads/2017/03/vertical-gsoc-logo_1-1.jpg">
333361
<p class="g-fs-10 g-theme-text-color-1"><strong>May 07, 2019</strong></p>
334362
<h5 class="text-uppercase"><strong>Participated in the 2019 Google Summer of Code, a yearly program awarding university students</strong></h5>
335363
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p>
336364
<p>Fusce vel aliquet arcu. Aenean malesuada a sem sed facilisis. Maecenas aliquam faucibus metus, nec auctor est.</p> -->
337365
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
366+
338367
</div>
339-
<div class="col-xs-4 col-3xs-12 lawyer-post g-mb-50">
368+
<div class="div6 lawyer-post g-mb-50">
369+
340370
<img class="img-responsive full-width g-mb-25" src="https://1.bp.blogspot.com/-Ig-v1tDXZt4/XDODmZvWp1I/AAAAAAAAB0A/KtbFdBPFVQw2O15FekkIR0Yg8MUp--rngCLcBGAs/s1600/GCI%2B-%2BVertical%2B-%2BGray%2BText%2B-%2BWhite%2BBG.png">
341371
<p class="g-fs-10 g-theme-text-color-1"><strong>December 2, 2019</strong></p>
342372
<h5 class="text-uppercase"><strong>Participated in the 2019 Google Code-in, a yearly programming competition for pre-university students</strong></h5>
343373
<!-- <p class="g-fs-10 text-uppercase">by Dorian Gray for law</p>
344374
<p>Fusce vel aliquet arcu. Aenean malesuada a sem sed facilisis. Maecenas aliquam faucibus metus, nec auctor est.</p> -->
345375
<!-- <p class="g-mt-30"><a class="btn-u btn-u-lg btn-u-red btn-u-upper" href="#">Read more</a></p> -->
346-
</div>
376+
377+
</div>
347378
</div>
348379
</div>
349380
</section>

0 commit comments

Comments
 (0)