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

fix(client): adjust CTA button width depending on viewport (#38432)

Browse Source
This commit is contained in:
Ashraf Nazar
2020-03-26 17:40:59 +00:00
committed by GitHub
parent 66cbabda22
commit 28d363e65a
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/Intro/index.js
View File

@ -107,7 +107,7 @@ function Intro({
<h2 className='medium-heading'>Spotify</h2> <h2 className='medium-heading'>Spotify</h2>
</div> </div>
</Col> </Col>
<Col sm={10} smOffset={1} xs={12}> <Col md={6} mdOffset={3} sm={8} smOffset={2} xs={12}>
<button <button
className={'btn-cta-big signup-btn btn-cta center-block'} className={'btn-cta-big signup-btn btn-cta center-block'}
onClick={() => { onClick={() => {

2
client/src/components/landing/index.js
View File

@ -16,7 +16,7 @@ const propTypes = {
const BigCallToAction = () => ( const BigCallToAction = () => (
<Row> <Row>
<Col sm={10} smOffset={1} xs={12}> <Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
<Login block={true}>Sign in and get started (it's free)</Login> <Login block={true}>Sign in and get started (it's free)</Login>
</Col> </Col>
</Row> </Row>