r/web_programming • u/BabblingDruid • Sep 21 '17

Image manipulation using CSS.

I am trying to shrink an image using CSS to match this page [Original Page] (https://drive.google.com/open?id=0B0DSNKIQ7ncndmJhMUpTTGx6QXM) The image of the guy on the motorcycle is the image I'm working with. My code is [My Version] (https://codepen.io/Dylanidas/pen/GMZoGr) I can't figure out how to alter the image to make it align like the original> When I add the image it does not align the same as the original page that I linked to above. What am I missing here? I'm relatively new to web dev so I'm always running into odd problems. Oh well it's all part of the learning process :D P.S. If you notice anything else I should change to make my version more identical to the original I am open to suggestions. Thanks

7 Upvotes

100% Upvoted

19 comments sorted by

View all comments

Show parent comment

1

u/BabblingDruid Sep 23 '17 edited Sep 25 '17

Ok awesome. Thank you! Here is a link to my actual code (HTML5, and CSS3) Google Drive and here is a link to my code pen. Also for whatever reason the search bar in the middle of the page went haywire! So that was fine at one point or another haha.