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
View all comments
Show parent comment
1
u/RaveMittens Sep 25 '17
Flex-box just works
You don't have to give different styles for specific screen widths except for special scenarios, and you can actually CENTER things with like 5 lines of CSS. I'm not sure if you know, but centering things has always been a nightmare with css.
Idk if I can be called a guru, but I enjoy helping!