mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

Make website responsive

Browse Source
This commit is contained in:
Niklas von Hertzen
2018-01-08 21:38:54 +08:00
parent a555dfc085
commit bf03cf5237
6 changed files with 140 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
www/src/pages/index.js
View File

@@ -55,7 +55,16 @@ export default ({data}) => {
Screenshots with JavaScript
</h4>
<div css={{display: 'flex', justifyContent: 'center'}}>
<div
css={{
display: 'flex',
justifyContent: 'center',
flexDirection: 'column',
'@media(min-width: 1000px)': {
flexDirection: 'row'
}
}}
>
<div>
<h4>HTML</h4>
<div
@@ -101,14 +110,25 @@ export default ({data}) => {
Documentation
</Link>
</div>
<div css={{display: 'flex'}}>
<div
css={{
display: 'flex',
flexDirection: 'column',
'@media(min-width: 1000px)': {
flexDirection: 'row'
}
}}
>
<div
css={{
flex: 1,
backgroundColor: '#558b2f',
padding: '10px 20px',
borderRadius: '10px',
marginRight: '5px'
marginBottom: '10px',
'@media(min-width: 1000px)': {
marginRight: '5px'
}
}}
>
<Carbon />
@@ -116,12 +136,16 @@ export default ({data}) => {
<div
css={{
flex: 1,
marginLeft: '5px',
backgroundColor: '#558b2f',
padding: '10px 20px',
borderRadius: '10px',
textAlign: 'left',
marginRight: '5px'
marginBottom: '10px',
'@media(min-width: 1000px)': {
marginLeft: '5px',
marginRight: '5px'
}
}}
>
<h6>Install NPM</h6>
@@ -143,11 +167,14 @@ export default ({data}) => {
<div
css={{
flex: 1,
marginLeft: '5px',
backgroundColor: '#558b2f',
padding: '10px 20px',
borderRadius: '10px',
textAlign: 'left'
textAlign: 'left',
marginBottom: '10px',
'@media(min-width: 1000px)': {
marginLeft: '5px'
}
}}
>
<h5>Connect</h5>