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;
}
}
.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%;
}
}

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

@ -75,24 +75,25 @@ block content
div.margin-left-10(id = 'collapse-full-stack-development-certification' class = "collapse in map-collapse no-transition certBlock")
#nested
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.
p.challenge-title.text-primary.fa.fa-envelope-o.negative-15(name="Mail for Good")
.osfg-container
p.challenge-title.text-primary.fa.fa-envelope-o.osfg-item(name="Mail for Good")
a(href="https://github.com/FreeCodeCamp/mail-for-good" target="_blank")
span Mail for Good
p.challenge-title.text-primary.fa.fa-cutlery.negative-15(name="Pantry for Good")
p.challenge-title.text-primary.fa.fa-cutlery.osfg-item(name="Pantry for Good")
a(href="https://github.com/FreeCodeCamp/pantry-for-good" target="_blank")
span Pantry for Good
p.challenge-title.text-primary.fa.fa-globe.negative-15(name="Meeting for Good")
p.challenge-title.text-primary.fa.fa-globe.osfg-item(name="Meeting for Good")
a(href="https://github.com/FreeCodeCamp/meeting-for-good" target="_blank")
span Meeting for Good
p.challenge-title.text-primary.fa.fa-futbol-o.negative-15(name="League for Good")
p.challenge-title.text-primary.fa.fa-futbol-o.osfg-item(name="League for Good")
a(href="https://github.com/FreeCodeCamp/league-for-good" target="_blank")
span League for Good
p.challenge-title.text-primary.fa.fa-users.negative-15(name="Conference for Good")
p.challenge-title.text-primary.fa.fa-users.osfg-item(name="Conference for Good")
a(href="https://github.com/FreeCodeCamp/conference-for-good" target="_blank")
span Conference for Good
p.challenge-title.text-primary.fa.fa-heart.negative-15(name="freeCodeCamp")
p.challenge-title.text-primary.fa.fa-heart.osfg-item(name="freeCodeCamp")
a(href="https://github.com/FreeCodeCamp/freecodecamp" target="_blank")
span freeCodeCamp
h2