ThomasJockin/readexpro
1
1
Fork 0
mirror of https://github.com/ThomasJockin/readexpro.git synced 2024-09-11 10:26:46 +03:00
Code Issues Projects Releases Wiki Activity

fixed stickiness

Browse Source
This commit is contained in:
micah rich 2019-09-11 17:13:07 -04:00
parent 1072d0c6be
commit 7775eb0665
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/TeamHeadshots.js
View File

@ -93,7 +93,7 @@ const Headshot = styled(motion.div)`
font-variation-settings: 'LXND' 50;
content: "${props => props.title}";
}
@media (max-width: 960px) {
@media (max-width: 1140px) {
position: relative;
min-height: 40vh;
position: relative;

9
components/index.js
View File

@ -34,11 +34,14 @@ export const Banner = styled("h6")`
`;
export const Flex = styled("section")`
display: flex;
flex-wrap: wrap;
margin: ${props => props.margin || "4rem auto"};
align-items: ${props => props.align || "flex-start"};
justify-content: ${props => props.justify || "flex-start"};
max-width: 1440px;
flex-wrap: ${props => props.wrap || "no-wrap"};
@media (max-width: 960px) {
flex-wrap: wrap;
}
`;
export const Right = styled("main")`
@ -54,7 +57,7 @@ export const Right = styled("main")`
top: ${props.top || "1rem"};
`}
@media (max-width: 960px) {
max-width: 100%;
/* max-width: 100%; */
width: 100%;
min-width: auto;
position: static;
@ -74,7 +77,7 @@ export const Left = styled("main")`
top: ${props.top || "1rem"};
`}
@media (max-width: 960px) {
max-width: 100%;
/* max-width: 100%; */
position: static;
}
`;

2
next.config.js
View File

@ -4,5 +4,5 @@ const withMDX = require("@zeit/next-mdx")({
module.exports = withMDX({
pageExtensions: ["js", "jsx", "mdx"],
assetPrefix: "/lexend"
assetPrefix: process.env.NODE_ENV === "production" ? "/lexend" : ""
});

2
pages/index.mdx
View File

@ -39,7 +39,7 @@ import AnimatedText from "../components/AnimatedText";
### For more than <strong><AnimatedNumber key="dept-of-ed-years">60</AnimatedNumber> years</strong> the **U.S. Department of Education** has found that nearly <strong><AnimatedNumber key="dept-of-ed-70">70%</AnimatedNumber></strong> of the population experiences **some reading difficulty.**
<Flex justify="center">
<Flex justify="center" wrap="wrap">
<Quote source="Lise, 37, Tech Business Strategist" position="left" background="https://source.unsplash.com/B8qIaoeKcfU/900x900" title="Photo by Joel Muniz (unsplash.com/@jmuniz)">