tanner/personal-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjust grid css

Browse Source
This commit is contained in:
Tanner Collin 2020-05-05 06:14:26 +00:00
parent e5aa80e123
commit 92078664c0
2 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Grid.css
View File

@ -36,21 +36,20 @@
.menu section { .menu section {
background-color: #E9E9E9; background-color: #E9E9E9;
min-height: 0;
flex: 1; flex: 1;
} }
.menu section aside { .menu section aside {
}
.menu section .fuckcss {
position: relative; position: relative;
top: 50%; height: 100%;
transform: translateY(-50%);
text-align: right;
} }
.menu section img { .menu section img {
height: 100%; max-height: 100%;
float: right; width: auto;
padding: 2rem;
} }
.menu footer { .menu footer {

12
src/Grid.js
View File

@ -29,15 +29,9 @@ class Grid extends React.Component {
<GridItem type='menu'> <GridItem type='menu'>
<img src={logo} className='logo' alt='' /> <img src={logo} className='logo' alt='' />
<section> <section>
<img src={tanner} alt='' /> <div className='fuckcss'>
<aside> <img src={tanner} alt='' />
<p>Home</p> </div>
<p>Projects</p>
<p>Photograhy</p>
<p>Art</p>
<p>About</p>
<p>Contact</p>
</aside>
</section> </section>
<footer>More info or a .onion link.</footer> <footer>More info or a .onion link.</footer>
</GridItem> </GridItem>