gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(Map): Use flex for osfg superblock

Browse Source
This commit is contained in:
Berkeley Martinez
2017-08-08 18:14:35 -07:00
parent 264054bfae
commit 8637b9bd87
2 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/less/map.less
View File

@ -483,3 +483,20 @@
color: @night-text-color; color: @night-text-color;
} }
} }
.osfg-container {
display: flex;
flex-wrap: wrap;
padding: 35px;
}
.osfg-item {
&:before {
margin-right: 15px;
}
width: 32.3%;
@media (max-width: @screen-xs-max) {
width: 45%;
}
@media (max-width: @screen-xs) {
width: 100%;
}
}

39
server/views/map/show.jade
View File

@ -75,26 +75,27 @@ block content
div.margin-left-10(id = 'collapse-full-stack-development-certification' class = "collapse in map-collapse no-transition certBlock") div.margin-left-10(id = 'collapse-full-stack-development-certification' class = "collapse in map-collapse no-transition certBlock")
#nested #nested
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-nonprofit-projects') a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-nonprofit-projects')
div.margin-left-10(class = "chapterBlock") div
.challengeBlockDescription Once you feel ready, you can get real-world experience by contributing to these open source tools used by nonprofits. .challengeBlockDescription Once you feel ready, you can get real-world experience by contributing to these open source tools used by nonprofits.
p.challenge-title.text-primary.fa.fa-envelope-o.negative-15(name="Mail for Good") .osfg-container
a(href="https://github.com/FreeCodeCamp/mail-for-good" target="_blank") p.challenge-title.text-primary.fa.fa-envelope-o.osfg-item(name="Mail for Good")
span Mail for Good a(href="https://github.com/FreeCodeCamp/mail-for-good" target="_blank")
p.challenge-title.text-primary.fa.fa-cutlery.negative-15(name="Pantry for Good") span Mail for Good
a(href="https://github.com/FreeCodeCamp/pantry-for-good" target="_blank") p.challenge-title.text-primary.fa.fa-cutlery.osfg-item(name="Pantry for Good")
span Pantry for Good a(href="https://github.com/FreeCodeCamp/pantry-for-good" target="_blank")
p.challenge-title.text-primary.fa.fa-globe.negative-15(name="Meeting for Good") span Pantry for Good
a(href="https://github.com/FreeCodeCamp/meeting-for-good" target="_blank") p.challenge-title.text-primary.fa.fa-globe.osfg-item(name="Meeting for Good")
span Meeting for Good a(href="https://github.com/FreeCodeCamp/meeting-for-good" target="_blank")
p.challenge-title.text-primary.fa.fa-futbol-o.negative-15(name="League for Good") span Meeting for Good
a(href="https://github.com/FreeCodeCamp/league-for-good" target="_blank") p.challenge-title.text-primary.fa.fa-futbol-o.osfg-item(name="League for Good")
span League for Good a(href="https://github.com/FreeCodeCamp/league-for-good" target="_blank")
p.challenge-title.text-primary.fa.fa-users.negative-15(name="Conference for Good") span League for Good
a(href="https://github.com/FreeCodeCamp/conference-for-good" target="_blank") p.challenge-title.text-primary.fa.fa-users.osfg-item(name="Conference for Good")
span Conference for Good a(href="https://github.com/FreeCodeCamp/conference-for-good" target="_blank")
p.challenge-title.text-primary.fa.fa-heart.negative-15(name="freeCodeCamp") span Conference for Good
a(href="https://github.com/FreeCodeCamp/freecodecamp" target="_blank") p.challenge-title.text-primary.fa.fa-heart.osfg-item(name="freeCodeCamp")
span freeCodeCamp a(href="https://github.com/FreeCodeCamp/freecodecamp" target="_blank")
span freeCodeCamp
h2 h2
a(data-toggle='collapse', data-parent='#accordion', href='#collapse-coding-interview-preparation') a(data-toggle='collapse', data-parent='#accordion', href='#collapse-coding-interview-preparation')
span.no-link-underline span.no-link-underline