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 = () => {
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'>
Commercial challanges
</H2>

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

@ -4,7 +4,7 @@ import {Body, H2, Medium} from "../../utils/fonts";
const Csi = () => {
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'>
Center for artificial intelligence
</H2>

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

@ -7,8 +7,7 @@ import {Link} from "react-router-dom";
const Hero = () => {
return (
<FlexColumn alignmentX='flex-start' gap='24px'
width='80%' maxWidth='452px'>
<FlexColumn alignmentX='flex-start' gap='24px' maxWidth='452px'>
<H1 as="h1">
Welcome to
<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 = () => {
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'>
Motivation
</H2>

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

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

13
src/pages/Challenges.js
View File

@ -1,10 +1,17 @@
import React from "react";
import {H1} from "../utils/fonts";
import {FlexColumn} from "../utils/containers";
const Challenges = () => {
return (
<>
Challenges
</>
<FlexColumn as='main' alignmentY='flex-start' width='100%'
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 = () => {
return (
<FlexColumn as='main' alignmentY='flex-start' width='100%'
minHeight='100vh' padding='90px 0 32px 0' gap='48px'>
<Hero/>
<Motivation/>
<Csi/>
<Commercial/>
<Partnerships/>
minHeight='100vh' padding='90px 0 32px 0'>
<FlexColumn maxWidth='452px' gap='48px' width='80%'>
<Hero/>
<Motivation/>
<Csi/>
<Commercial/>
<Partnerships/>
</FlexColumn>
</FlexColumn>
);
}