diff --git a/client/less/main.less b/client/less/main.less index cd4dc594c5..3e610dc2dc 100644 --- a/client/less/main.less +++ b/client/less/main.less @@ -770,8 +770,27 @@ iframe.iphone { } .population-table { + font-size:30px; + width:460px; + margin:0 auto; + padding:0; + h2 { + margin:0; + text-align: left; + } + .tag { + width:165px; + display:inline-block; + } + .text-primary { + margin-right:5px; + } @media (max-width: 767px) { font-size: 16px; + width: 260px; + .tag { + width:95px; + } } } diff --git a/server/views/resources/about.jade b/server/views/resources/about.jade index 265a0f8d30..90cec78cf5 100644 --- a/server/views/resources/about.jade +++ b/server/views/resources/about.jade @@ -6,25 +6,22 @@ block content | who learn to code and help nonprofits. .spacer .row - .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 - h2 - table.population-table.img-center - tr - td Established:  - td - span.text-primary #{daysRunning}  - | days ago - tr - td Population:    - td - span.text-primary #{camperCount}  - | campers - tr - td Completed:    - td - span.text-primary #{globalCompletedCount}  - | challenges - + .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 + ul.population-table + li + span.tag Established: + span.text-primary #{daysRunning} + | days ago + li + span.tag Population: + span.text-primary #{camperCount} + | campers + li + span.tag Completed: + span.text-primary #{globalCompletedCount} + | challenges + + .spacer .row .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 h2 Free Code Camp around the web: