rushilwiz/tj-sga-website-react
1
0
Fork 0
mirror of https://github.com/tjsga/tj-sga-website-react.git synced 2025-04-21 12:00: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-align: center;
} }
.text-left {
text-align: left;
}
.text-sm { .text-sm {
font-size: 0.75rem; font-size: 0.75rem;
} }

2
src/components/GetInvolvedRow.tsx
View File

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

2
src/components/Segment.tsx
View File

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

2
src/css/segment.css
View File

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