Having the darndest time trying to center an image in CSS

Having the darndest time trying to center an image in CSS
0

#1

Link to my codepen: http://codepen.io/NerdBurglur/pen/Vmrmqj

So i searched around for neat effects for my first tribute page. I found out how to make an image rotate and change to another image. I cant figure out how to center that class… at all…

I am looking for an answer on how to center the .rotate class

Or if i need to switch stuff around.

Thanks!


#2

OK i got it to where im happy with its look on full page… its still sort of skewed to the right when the page isnt maximized though…


#3

I tried removing the width and replaced it with margin: auto;, think that’s what you’re lookin for?

The width was set at width:1256px; which is causing issues , try using 600px maybe


#4

indeed! I was getting sort of turned around and trying things in different places. It looks much better the way you suggested! Thanks!


#5

fyi i was just fudging with different things trying to make the image center…and i noticed it would scoot over the more i increased the width… thats how i got to 1256px lol… it just looked center… but i knew it wasnt the correct way. Thank you for your response Conor-Dunne


#6

No worries man , i’m a beginner myself so i’m well aware of the pain of trying to make things work haha


#7

i think the forums and community are SO cool… How people go out of there way to help one another. I cant wait to be able to help someone else.


#8

There are some brilliant ppl here @NerdBurglur , you’ll get to know them soon!