mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-01-03 18:35:00 +01:00
layout tweak
This commit is contained in:
parent
450c4a41ab
commit
66043ee4a9
@ -47,7 +47,7 @@ export const IndexQuery = graphql`
|
|||||||
slug
|
slug
|
||||||
img {
|
img {
|
||||||
childImageSharp {
|
childImageSharp {
|
||||||
fluid(maxWidth: 990, quality: 85) {
|
fluid(maxWidth: 980, quality: 85) {
|
||||||
...GatsbyImageSharpFluid_withWebp
|
...GatsbyImageSharpFluid_withWebp
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5,15 +5,16 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
max-width: $projectImageMaxWidth;
|
max-width: calc(#{$projectImageMaxWidth} + #{$spacer * 2});
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: $spacer $spacer * 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.project {
|
.project {
|
||||||
flex: 0 0 calc(50% - #{$spacer * 2});
|
flex: 0 0 calc(50% - #{$spacer});
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: $spacer * 4;
|
margin-bottom: $spacer * 2;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
|
Loading…
Reference in New Issue
Block a user