Adjust grid css

4 years ago · 92078664c0
parent e5aa80e123
commit 92078664c0
2 changed files with 9 additions and 16 deletions
--- a/src/Grid.css
+++ b/src/Grid.css
@ -36,21 +36,20 @@

 .menu section {
 	background-color: #E9E9E9;
-	min-height: 0;
 	flex: 1;
 }

 .menu section aside {
+}
+
+.menu section .fuckcss {
 	position: relative;
-	top: 50%;
-	transform: translateY(-50%);
-	text-align: right;
+	height: 100%;
 }

 .menu section img {
-	height: 100%;
-	float: right;
-	padding: 2rem;
+	max-height: 100%;
+	width: auto;
 }

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