From eb52cc0ddfbc4d10657c68e87f2582722759d14b Mon Sep 17 00:00:00 2001
From: rlacko <rlacko@sch.bme.hu>
Date: Thu, 6 Feb 2020 20:53:34 +0100
Subject: [PATCH] mentors page header separated and cards centered
---
src/components/pages/Mentors.js | 66 ++++++++++-----------------------
1 file changed, 19 insertions(+), 47 deletions(-)
diff --git a/src/components/pages/Mentors.js b/src/components/pages/Mentors.js
index 73dcb60..3f17c7c 100644
--- a/src/components/pages/Mentors.js
+++ b/src/components/pages/Mentors.js
@@ -81,67 +81,39 @@ class Mentors extends Component {
render() {
return (
<div>
+ <Segment inverted textAlign='center' vertical>
+ <Container>
+ <Header
+ as='h1'
+ content='Mentorok'
+ inverted
+ style={{
+ fontSize: '3em',
+ fontWeight: 'normal',
+ marginBottom: 0,
+ marginTop: '0.5em',
+ }}
+ />
+ </Container>
+ </Segment>
+
<Responsive minWidth={768}>
- <Segment inverted textAlign='center' vertical>
- <Container>
- <Header
- as='h1'
- content='Mentorok'
- inverted
- style={{
- fontSize: '3em',
- fontWeight: 'normal',
- marginBottom: 0,
- marginTop: '0.5em',
- }}
- />
- </Container>
- </Segment>
<Container style={{paddingTop: '2em', paddingBottom: '5em'}}>
{this.renderMentorsNormal()}
</Container>
</Responsive>
+
<Responsive minWidth={551} maxWidth={767}>
- <Segment inverted textAlign='center' vertical>
- <Container>
- <Header
- as='h1'
- content='Mentorok'
- inverted
- style={{
- fontSize: '3em',
- fontWeight: 'normal',
- marginBottom: 0,
- marginTop: '0.5em',
- }}
- />
- </Container>
- </Segment>
<Container style={{paddingTop: '2em', paddingBottom: '5em'}}>
- <Card.Group itemsPerRow={2}>
+ <Card.Group centered itemsPerRow={2}>
{this.renderMentorsMobile()}
</Card.Group>
</Container>
</Responsive>
<Responsive maxWidth={550}>
- <Segment inverted textAlign='center' vertical>
- <Container>
- <Header
- as='h1'
- content='Mentorok'
- inverted
- style={{
- fontSize: '3em',
- fontWeight: 'normal',
- marginBottom: 0,
- marginTop: '0.5em',
- }}
- />
- </Container>
- </Segment>
<Container style={{paddingTop: '2em', paddingBottom: '5em'}}>
- <Card.Group itemsPerRow={1}>
+ <Card.Group centered itemsPerRow={1}>
{this.renderMentorsMobile()}
</Card.Group>
</Container>
--
GitLab