rushilwiz/tj-sga-website-react
1
0
Fork 0
mirror of https://github.com/tjsga/tj-sga-website-react.git synced 2025-04-09 22:50:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Alignment updates

Browse Source
This commit is contained in:
Michael Fatemi 2020-11-29 01:12:57 -05:00
parent eae7f6ab8e
commit 704fb43ac4
4 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.css
View File

@ -27,6 +27,10 @@
text-align: center;
}
.text-left {
text-align: left;
}
.text-sm {
font-size: 0.75rem;
}

2
src/components/GetInvolvedRow.tsx
View File

@ -1,6 +1,6 @@
export default function GetInvolvedRow({ way }: { way: SGA.GetInvolvedWay}) {
return (
<div className='row'>
<div className='row text-left'>
<div className='get-involved-title'>
<h3>{way.title}</h3>
</div>

2
src/components/Segment.tsx
View File

@ -7,7 +7,7 @@ export default function InfoColumn({ title, content, imageURL, infoURL }) {
<h3>{title}</h3>
<img src={imageURL} alt={title} />
<p className='segment-body'>{content}</p>
<Link to={infoURL} className='segment-button'>
<Link to={infoURL} className='blue-button'>
MORE INFO
</Link>
</div>

2
src/css/segment.css
View File

@ -1,5 +1,6 @@
.segment {
padding: 0px 17px;
text-align: center;
}
.segment-body {
@ -7,4 +8,5 @@
font-size: 22px;
line-height: 33px;
font-weight: 300;
text-align: left;
}