Issue 4961 - Fix card group field alignment on acceptableads.com

pages/committee/index.html

Index: pages/committee/index.html
===================================================================
--- a/pages/committee/index.html
+++ b/pages/committee/index.html
@@ -1,36 +1,14 @@
 title=About | The Acceptable Ads Committee
 description=The Acceptable Ads Committee creates new and exceptional ad standards that improve the user experience for ad-blocking users while, just as importantly, delivering real value to content publishers and online advertisers
 custom=1
 breadcrumb=Committee
 
-<style>
-  .card h3

[juliandoucette, 2017/07/18 22:07:35]

I suggest we keep the font-size change. I think the h3 size is too big for four
columns.

These headings are currently overflowing their cards in this patchset.

[ire, 2017/07/20 17:43:24]

Should I still add this change considering that the blog cards will no longer be
on the site (Issue #5373)?

This is also the only case in which the card is just a title and button. So if
we were to add this to the _cards.scss it may never be actually used. 

[juliandoucette, 2017/07/24 16:02:39]

Yes.
Right. Keep the change on this page. Not in _cards.scss. That way it gets
removed with this page if/when we remove this page.

[ire, 2017/07/25 13:33:31]

Done.

-  {
-    font-size: 16px;
-    height: 90px;
-  }
-
-  @media (max-width: 1139px)
-  {
-    .card h3
-    {
-      height: auto;
-    }
+<div class="container p-b-xl" markdown="1">

[juliandoucette, 2017/07/18 22:07:35]

- markdown="1" doesn't work inside of .html files.
  - always prefer HTML unless a page/include is intended to be changed regularly
by non-developers
- I think we can replace .p-b-xl with .section here

[ire, 2017/07/20 17:43:24]

Noted. Done.

+# {{aac-heading[Page Heading] Acceptable Ads Committee}}

[juliandoucette, 2017/07/18 22:07:35]

- missing space above heading
- missing hr below heading

[ire, 2017/07/20 17:43:24]

Done.

 
-    .group-4 > .card
-    {
-      width: 100%;
-    }
-  }
-</style>
+{{aac-paragraph1[Acceptable Ads Committee Paragraph 1] In <fix>2017</fix>, <fix>eyeo GmbH</fix> handed over control of the Acceptable Ads initiative to an independent committee made up of eleven stakeholders who represent three distinct coalitions: User Advocates Coalition (digital rights organization, ad-block user), For Profit Coalition (advertiser, advertising agency, ad-tech company, publisher / content creator) and the Expert Coalition (user agent, creative agent, researcher / academia). This committee, aptly called the Acceptable Ads Committee, has full control over the Acceptable Ads initiative, including what’s deemed acceptable by defining the [Acceptable Ads criteria](https://acceptableads.com/en/about/criteria).}}
 
-<div class="container">
-  <h1>{{aac-heading[Page Heading] Acceptable Ads Committee}}</h1>
-  <hr />
-  <div class="section">
-    <p>{{aac-paragraph1[Acceptable Ads Committee Paragraph 1] In <fix>2017</fix>, <fix>eyeo GmbH</fix> handed over control of the Acceptable Ads initiative to an independent committee made up of eleven stakeholders who represent three distinct coalitions: User Advocates Coalition (digital rights organization, ad-block user), For Profit Coalition (advertiser, advertising agency, ad-tech company, publisher / content creator) and the Expert Coalition (user agent, creative agent, researcher / academia). This committee, aptly called the Acceptable Ads Committee, has full control over the Acceptable Ads initiative, including what’s deemed acceptable by defining the Acceptable Ads criteria. }}</p>
-    <p>{{aac-paragraph2[Acceptable Ads Committee Paragraph 2] The committee's goal is simple: create new and exceptional ad standards that improve the user experience for ad-blocking users while, just as importantly, delivering real value to content publishers and online advertisers. }}</p>
-  </div>
+{{aac-paragraph2[Acceptable Ads Committee Paragraph 2] The committee's goal is simple: create new and exceptional ad standards that improve the user experience for ad-blocking users while, just as importantly, delivering real value to content publishers and online advertisers.}}
 </div>
 
 <? include blog/recent-aac ?>