-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
merging my code with master #43
base: master
Are you sure you want to change the base?
Conversation
|
||
const AdvicePage = () => ( | ||
<Layout> | ||
<div id="banner"> | ||
<h1>FIRST YEAR TIPS</h1> | ||
</div> | ||
<div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can remove this div tag since it doesn't appear to do anything
|
||
const GeneralAdvice = () => { | ||
return ( | ||
<Grid container direction="row" justify="space-between" alignItems="center" style={{maxWidth:"90%", margin:"0 auto"}}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Seems that clicking "read more" has the side-effect of causing the whole row to expand to fit the new text. Something that might fix this is either giving the Grid-row a specific height that is greater than the maximum height when the text is expanded. Or, giving each individual "AdviceBox" this height. It seems that the individual one works better on mobile though
padding: "0 15px 0 15px" | ||
}}> | ||
<h3>{props.heading}</h3> | ||
<p> {isExpanded ? props.expandedBody : props.shortBody} </p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The font is a bit small and hard-to-read try using a font-size of around 1rem
Added stuff to general advice