Commit 12c67cc0 authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

mobile fixes for homepage, join page

parent f1b1fece
......@@ -87,7 +87,8 @@ p {
// page
.page-container {
padding: 5rem 0;
padding-top: 5rem;
padding-bottom: 5rem;
}
// cards
......@@ -163,12 +164,18 @@ p {
}
.news-events-container, .video-impact-container {
padding: 3rem 0;
padding-top: 3rem;
padding-bottom: 3rem;
h2 {
margin-bottom: 1rem;
}
}
// video
.video-embed {
margin-bottom: 1rem;
}
// news and events on homepage and individual pages
.post-image {
max-height: 500px;
......
......@@ -4,7 +4,7 @@ const Video = ({video}) => {
return (
<div>
<h2>{video.heading}</h2>
<div className="video-embed">
<div className="video-embed embed-responsive embed-responsive-16by9">
<figure dangerouslySetInnerHTML={{ __html: video.embed }} />
</div>
<p>{video.description}</p>
......
......@@ -190,10 +190,10 @@ const IndexPage = ({data}) => {
<section className="video-impact-container">
<div className="container">
<div className="row">
<div className="video-container col">
<div className="video-container col-md-6">
<Video video={video} />
</div>
<div className="map-container col">
<div className="map-container col-md-6">
<MapImage mapImage={map} />
</div>
</div>
......
......@@ -11,12 +11,16 @@ const Join = ({data}) => {
<Layout>
<SEO title={title} />
<div className="container page-container">
<div className="row justify-content-end">
<a class="btn btn-primary btn-lg" href="https://docs.google.com/forms/d/11v45JsQO24z5PbNhQUMLFZl-GmR1brPxZQ_dk4GVX8w/viewform?edit_requested=true" role="button">Make a Membership Pledge</a>
<div className="row justify-content-end mx-lg-n5">
<div className="col-md-3 py-3 px-lg-5">
<a class="btn btn-primary btn-lg" href="https://docs.google.com/forms/d/11v45JsQO24z5PbNhQUMLFZl-GmR1brPxZQ_dk4GVX8w/viewform?edit_requested=true" role="button">Make a Membership Pledge</a>
</div>
</div>
<div className="row">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
<div className="col-md-12">
<Title title={title} />
<div dangerouslySetInnerHTML={{ __html: html }} />
</div>
</div>
</div>
</Layout>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment