s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor widths and start challenges page

Browse Source
This commit is contained in:
mattyl006 2022-07-07 12:10:38 +02:00
parent 3408b93e72
commit 0ae5146d24
7 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sections/Commercial.js
View File

@ -5,7 +5,7 @@ import CircleNumber from "../elements/CircleNumber";
const Commercial = () => { const Commercial = () => {
return ( return (
<FlexColumn as='section' alignmentX='flex-start' width='80%' maxWidth='452px'> <FlexColumn as='section' alignmentX='flex-start'>
<H2 as='h2' margin='0 0 24px 0'> <H2 as='h2' margin='0 0 24px 0'>
Commercial challanges Commercial challanges
</H2> </H2>

2
src/components/sections/Csi.js
View File

@ -4,7 +4,7 @@ import {Body, H2, Medium} from "../../utils/fonts";
const Csi = () => { const Csi = () => {
return ( return (
<FlexColumn as='section' alignmentX='flex-start' width='80%' maxWidth='452px'> <FlexColumn as='section' alignmentX='flex-start'>
<H2 as='h2' margin='0 0 24px 0'> <H2 as='h2' margin='0 0 24px 0'>
Center for artificial intelligence Center for artificial intelligence
</H2> </H2>

3
src/components/sections/Hero.js
View File

@ -7,8 +7,7 @@ import {Link} from "react-router-dom";
const Hero = () => { const Hero = () => {
return ( return (
<FlexColumn alignmentX='flex-start' gap='24px' <FlexColumn alignmentX='flex-start' gap='24px' maxWidth='452px'>
width='80%' maxWidth='452px'>
<H1 as="h1"> <H1 as="h1">
Welcome to Welcome to
<Container display="inline" color={theme.colors.green}> <Container display="inline" color={theme.colors.green}>

2
src/components/sections/Motivation.js
View File

@ -6,7 +6,7 @@ import theme from "../../utils/theme";
const Motivation = () => { const Motivation = () => {
return ( return (
<FlexColumn as='section' alignmentX='flex-start' gap='24px' width='80%' maxWidth='452px'> <FlexColumn as='section' alignmentX='flex-start' gap='24px' width='100%'>
<H2 as='h2'> <H2 as='h2'>
Motivation Motivation
</H2> </H2>

2
src/components/sections/Partnerships.js
View File

@ -5,7 +5,7 @@ import Placeholder from "../elements/Placeholder";
const Partnerships = () => { const Partnerships = () => {
return ( return (
<FlexColumn as='section' alignmentX='flex-start' width='80%' maxWidth='452px' gap='32px'> <FlexColumn as='section' alignmentX='flex-start' gap='32px'>
<H2 as='h2'> <H2 as='h2'>
Our partnerships Our partnerships
</H2> </H2>

13
src/pages/Challenges.js
View File

@ -1,10 +1,17 @@
import React from "react"; import React from "react";
import {H1} from "../utils/fonts";
import {FlexColumn} from "../utils/containers";
const Challenges = () => { const Challenges = () => {
return ( return (
<> <FlexColumn as='main' alignmentY='flex-start' width='100%'
Challenges minHeight='100vh' padding='90px 0 32px 0'>
</> <FlexColumn maxWidth='452px' alignmentX='flex-start' width='80%'>
<H1 as='h1'>
Challenges
</H1>
</FlexColumn>
</FlexColumn>
); );
} }

14
src/pages/LandingPage.js
View File

@ -9,12 +9,14 @@ import Partnerships from "../components/sections/Partnerships";
const LandingPage = () => { const LandingPage = () => {
return ( return (
<FlexColumn as='main' alignmentY='flex-start' width='100%' <FlexColumn as='main' alignmentY='flex-start' width='100%'
minHeight='100vh' padding='90px 0 32px 0' gap='48px'> minHeight='100vh' padding='90px 0 32px 0'>
<Hero/> <FlexColumn maxWidth='452px' gap='48px' width='80%'>
<Motivation/> <Hero/>
<Csi/> <Motivation/>
<Commercial/> <Csi/>
<Partnerships/> <Commercial/>
<Partnerships/>
</FlexColumn>
</FlexColumn> </FlexColumn>
); );
} }